[JS]複数行の異なる高さのブロックをそれぞれ同じ高さに揃えるスクリプト

画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介します。 Equal Height Blocks in Rows 一行目と二行目では、違う高さで揃えていることに注目してください。 [ad#ad-2] デモでは異なる高さのブロック（スクリプトオフ時）が、スクリプトによって行ごとに同じ高さに等しく揃えています。 デモページ 実装のアイデアとなったのは、「Making DIVs, using the CSS "Float Left" property...」とのことで、そのdiv要素がどの横列に属しているか調べ、その中で一番高いものに揃えています。 [ad#ad-2] 実装方法 HTML 画像やテキストを配置できるdiv要素を使用しています。 <div id="page-wrap"> <div></div> <div>

[taky1973]

IE7,8はダメだった。使えるスクリプト、要改良。

[makoto_69]

高さ揃える、jQuery使う

[take-it]

あまりに簡単にできて拍子抜けした。。。

[dreamily]

そのdiv要素がどの横列に属しているか調べ、その中で一番高いものに揃える。

[XIAORING]

height div

[o_hiroyuki]

jQueryを使ってブロックの高さを揃える

[hidehish]

見てる:

[miracle1998]

複数行の異なる高さのブロックをそれぞれ同じ高さに揃えるスクリプト

[yuuyuu_0523]

なにこれ、面白い

[dekatotoro]

複数行の異なる高さのブロックをそれぞれ同じ高さに揃えるスクリプト

[fooo]

jqueryを使って高さをそろえる

[ku_marin]

これ系のjs超便利。色んな種類あるけど、臨機応変に使い分ける感じかなぁ

[inthesoup]

異なる高さのブロックを等しい高さで揃える

[microgravity]

そのうち使うはず

[mrtsuzui]

気力があれば見たい。

[forcutie]

heightLine.jsをjQueryで

[alphabet_h]

プラグインを使わずに

[nors]

http://css-tricks.com/equal-height-blocks-in-rows/

[futomo]

ほうほう

[hr07jp]

高さのブロックをそれぞれ同じ高さに揃えるスクリプト

[hisa49]

異なる高さのブロックをそろえるのって難しいー。