jQueryプラグインjquery.centerr.jsを使って、要素を上下、左右のcenter寄せ

要素の縦方向のcenter寄せは、面倒なときがあります。このごく軽量なjQueryプラグインを使うことで、簡単に縦、横方向のcenter寄せができます。黄色の背景のboxが対象のdiv要素です。このサンプルの親要素はbodyになります。また、レスポンシブにも対応しています。実装は、<head>にjQueryとjquery.centerr.jsのパスを記述し、次のようにscriptで対象の要素を指定するだけです。

  $(window).on("load resize",function(){
      $('#centeritem').centerr();
  });

【対象のbox】ごく軽量なjQueryプラグインjquery.centerr.jsを使って、要素を上下、左右のcenter寄せ。レスポンシブにも対応。