要素の高さを揃えるjQueryプラグイン「jquery.matchHeight.js」がクソ便利 - dev.kokushin

最近増えてきたカード型レイアウトですが、ちょっとでも文字数が増えたり画像の高さが変わったりしたら高さがズレてしまい、カラム落ちしてしまう...そんな時は「jquery.matchHeight.js」を使ったらあっという間に解決出来ましたぜ。 jquery.matchHeight.jsとは 要素をの高さを揃えるのに特化した軽量jQueryプラグインです。 横一列の要素の中で最も高さが高いものに統一します。カード型の要素を並べるグリッドデザインと非常に相性の良いプラグインです。 タイル上で並べるなら「Masonry」も有名ですが、今回紹介する「jquery.matchHeight.js」はあくまで高さをそろえるだけですのでご注意を。Masonryみたいにレンガ状には出来ません。 ダウンロード Githubより。 github.com 使用方法 プラグイン読み込み。 <script src="/