2690

jQueryで要素の高さを自前で揃えてみる

jQueryで要素の高さを揃える優秀なプラグインは非常にたくさんありますが、「使いたいのはここの要素だけだし、プラグイン入れるのめんどくさいな〜」という時がありますw
そこで、簡単な要素を揃えるjQueryコードを書いてみました。

コピペするコード

以下のコードをコピペして、揃えたい要素を指定すれば動きます。コピペする場所は、body閉じタグの上くらいでいいのではないでしょうか。上部分を外部ファイル化することで、プラグインにもなります。


コード一式





jQueryで要素の高さを揃える



  • 文章文章文章文章文章
  • 文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章
  • 文章文章文章文章文章文章文章文章文章文章文章文章
  • 文章文章文章文章文章
  • 文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章
  • 文章文章文章文章文章文章文章文章文章文章文章文章

デモ

様々な条件でチェックしたわけではないので、上手く動作しない要素などもあるかもしれませんが、簡単に済ませたい場合はアリかもしれません。ご利用は自己責任にてどうぞ。

モバイルバージョンを終了