2/3 Masonryの使い方：サイズの異なるBOXをタイル状に整列 [ホームページ作成] All About

Masonryの使い方：サイズの異なるBOXをタイル状に整列(2ページ目)大きさの異なる複数のブロックを、うまい具合に隙間無くタイル状(レンガ状)に自動整列してくれる「Masonry」の使い方を解説。横幅や高さの異なるボックスがいくつあっても、できるだけ無駄な隙間ができないように詰めて配置してくれます。当初の「jQuery Masonry」とは違ってjQueryなしで動作可能になり、CDN経由で読み込めるようにもなって手軽になりました。 ボックスを隙間なく整列してくれる「Masonry」の使い方 それでは、できるだけ無駄な空間が出ないように隙間を詰めて複数のボックスを自動配置してくれるスクリプト「Masonry」の使い方をご紹介いたします。下記のStep.1～3の通りに記述してみて下さい。 Step.0 自サイトへの設置は不要 (※設置することもできる) Step.1 HTMLに「Maso