<li>リストや連続したブロック要素を並べる際に、 中に入る要素の内容によって、個々の高さがまちまちになってしまった場合、 高さが揃わないことで、レイアウトを整えるのが意外と面倒になったりします。 そんな際に使える、jQueryを使っての、 連続した要素の高さを(最大値に)揃える方法を紹介してみます。 サンプルはfloatで横に並べた<li>リスト要素の高さを揃えるやり方。 まずはHTMLから。 ◆HTML <ul> <li><p>これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。</p></li> <li><p>これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキス
![jQueryでリストなどの高さが違う複数の要素のheight値を揃える方法|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/c662e9771e0c7ac0df846a4838fb1480f378049f/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp_jquery.png%3F20231001)