CMSを組み込んだウェブサイトでよくありがちな、要素が横並びのレイアウト。

実際に文字数の差で段々になり、Floatがうまくいかないときがあります。

そんなとき、同じ段に横並びする要素の高さを揃えるのに便利なjQueryプラグインがjquery.matchHeight.jsです。

http://brm.io/jquery-match-height/

CSS3のFlexboxでも対応可能ですが、Flexboxの記述より圧倒的に楽ちんです。

人によりますので使ってみたい方がいたらご利用ください。
実際に使ってみよう

使い方はとっても簡単です。

jquery.matchHeight.jsのGithubページからダウンロードしたプラグインファイルを読み込んでjQueryを一行書くだけ。

https://github.com/liabru/jquery-match-height

あらかじめjQuery本体は読み込んでおきましょう。