jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン | かたつむりくんのWWW

Movable Type, Craft CMS, Drupal, HTML, CSS, JavaScript, jQuery etc. jQueryAutoHeight.js とは jQueryAutoHeight.js とは、複数のボックスの高さを自動的にそろえるシンプルな jQueryプラグインです。高さのそろえ方は、次の２通りです。 セレクタで指定したすべての要素を、その中の最大値にそろえる セレクタで指定した要素を、オプションで渡した数ごとに、その中の最大値にそろえる（1行ごとにそろえられる） サンプル 複数のボックスの高さを最大値にそろえるjQueryプラグイン ダウンロード Releases · tinybeans/jQueryAutoHeight ※jQuery 1.9 以降で利用する場合は v0.04 以降をお使いください。 使い方 ファイルの読み込み ダウンロードしたファ

[pokotanu]

paddingがあるせいでそろわないならcssのbox-sizing:content-boxにするか、プラグインのheightをouterHeightに変更すればOK。

[jed_lee]

複数カラムの高さをそろえる懐かしいFlatHeight。Flexboxが採用されはじめると無くなると思うが未だにニーズが多いのでメモ。

[h-a-t-e-h-a-t-e-h-a-t-e-n-a]

揃えるセレクタに「padding」が指定されていれば揃わないので注意！！

[bigchu]

: むちゃ便利じゃん

[nomaharu2013]

横並びの高さを揃える

[haryu0320]

高さ揃える

[tageo]

“<script type="text/javascript"> jQuery(function($){ $(揃えたいセレクタ).autoHeight(); }); </script>”

[tenchikometen]

レスポンシブ

[big_hama]

Auto height

[takahashitakashi]

これ使えそう。

[satoshiiiiii]

clear指定を入れると、2つ目の親要素以降、子要素の総数を1つ目の親要素の持つ子要素の総数から引き継いでしまう変なとこで改行されるので、注意

[basementjaxx]

要素の高さを揃える。heightLine.js よりも柔軟。

[extra_number]

行ごとに揃えられる

[hysa]

高さを揃える

[kyaido]

複数のカラムの高さを最大値にそろえる

[hedeyoshi]

素晴らしい！

[secondary9999]

ボックスの高さを揃える

[hr07jp]

jQueryカラムの高さを揃える

[alex_x]

横に並ぶカラムの個数が決まっている場合には、1行ごとに高さをそろえることもできます。

[okosou]

レイアウト(layout)系　コンテンツの高さを揃える

[misomakura]

"複数のカラムの高さを最大値にそろえるjQueryプラグイン"

[ku_marin]

heightLine.jsのJQuery版みたい。行ごとにボックスの高さを揃えてくれる神仕様これものすごく便利！

[site159]

フルオートで行ごとに　使わせていただきます

[boyasan]

ラクしたいとき使う

[f503kk]

複数のカラムの高さを最大値にそろえるjQuery

[tofu-kun]

なるほど、同じクラスでも引数で数字を指定することでグループ化して高さをそれぞれ調節できるのは便利かもしれない。