JavaScript - 2017-01-11

要素の高さをJQueryでそろえる方法

フロートさせた要素などで高さが可変する場合、JSで要素の高さを取得して高さを揃える方法です。 CSSでも調整できますが、今回はJQueryで実装する方法です。

下記scriptをheadかbodyどちらかに追加

$(function(){
var maxHeight = 0;
  $(".heightAuto").each(function(){
     if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
  });
  $(".heightAuto").height(maxHeight);
});

【.heightAuto】はご自由に変更してください。

Related Posts

Related Posts

JQueryで可変する要素を上下中央寄せにする方法

2017-01-25

Datatables.jsで検索andページングandソート機能を実装

2017-08-01

WEB制作に役立つ便利ツール・ジェネレーターまとめ

2019-08-21

埋め込み動画が自動再生されない場合の対応方法-Chrome・Firefox対応

2019-03-27