CSSのfloat:leftなどで要素を横並びさせたい時、高さが違う要素が含まれるとなんだかキレイに並びません。 そこで役立つ便利なプラグインjQuery masonryをまとめてみました。 ちなみにMasonryとは、和訳すると「石造建築」。 レンガ造りの壁とかをイメージしてもらえると分かりやすいのかな? jQuery masonryの使い方 JSファイルをダウンロード まずはjQuery本体とjQuery masonry本体をDL。 jQuery jQuery masonry jsファイルを読み込み headタグ内に、ダウンロードしたJSファイルの読み込みます。 <script src="jquery.js"></script> <script src="jquery.masonry.min.js"></script> 続けて、/bodyの直前に下記jsを記述します。 <script>
![可変グリッドプラグインjQuery masonryの設定方法・オプションまとめ - ナオユネット](https://cdn-ak-scissors.b.st-hatena.com/image/square/31fca7fa04074fa5ea5a000217ae8e0d481ba14d/height=288;version=1;width=512/https%3A%2F%2Fnaoyu.net%2Fwp%2Fwp-content%2Fuploads%2F2018%2F06%2Fmasonry1.jpg)