ブロック要素の天地を揃えるのはjquery.tile.jsが一番便利でした

2011.10.25

ある要素の天地を揃えたいという場面は頻繁に起こります。例えば商品名の高さを揃えるとか、バラバラなサムネイル画像の天地を揃えるとか。

いろいろなjQueryプラグインを使ってきましたが、個人的にjquery.tile.jsが一番便利でしたのでご紹介します。

設置方法

指定の要素の天地を揃えたい場合

jQuery(function(){
    jQuery(".youso").tile();
});

指定の要素を「指定した数」単位で揃える

今まではいちいちプログラムを書いていたので、これが特に便利です。

jQuery(function(){
    //.yousoの高さを3つ単位で揃える
    jQuery(".youso").tile(3);
});

コード量も少ないので個人的におすすめです。

プラグイン配布サイト

• 要素の高さを揃える超軽量なjQueryプラグインjquery.tile.jsを公開 | URIN HACK