[JS]カラムの高さを揃える多機能なスクリプト -Equal Column Heights
カラムの高さを単に揃えるだけでなく、アニメーションで揃えたり、指定した値に揃えることができるスクリプトを紹介します。
スクリプトの実行前
高さの異なるカラムを一番高いものと同じにします。
jQuery Equal Column Heights
デモ
デモではバリエーションが二つ用意されています。
カラムの高さをアニメーションで揃えるデモ
また、カラム内の要素に関わらず、指定した値に揃えることもできます。
カラムの高さを指定値に揃えるデモ
スクリプトのオプションでは、カラムの高さ（height, minHeight, maxHeight）、アニメーションのスピード、適用する子供ノードを指定することができます。
Equal Column HeightsはjQueryのプラグインのため、実装にはjquery.jsが必要です。
Post on:2010年7月29日
Comments
本日の収穫っ！ « Strawberrysong's Blog
on 2010年7月29日
[...] 【jQuery】カラムの高さをそろえる多機能なスクリプト http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equal-height-columns.html [...]