前回は、グラフィックスペースをブラウザ全体を使用してグラフィカルに見せる作例を作成しましたが、今回はPinterestのようなコンテンツの内容によって一定ではなく隙間なく埋めていくレイアウトをmasonryプラグインを使用して作成してみたいと思います。 カラム(写真などコンテンツを含んだひとまとまりの要素)を一定サイズに整然と並べるのではなく、それぞれの持つ幅や高さを生かして、タイル状に隙間無く敷き詰めるレイアウトを作り、バリエーションとして横幅サイズの異なるカラムの配置や、カラム幅の相対指定方法など配置を調整することもできます。 今回作成したサンプル 【サンプル】各カラムの幅をピクセル(絶対値)指定。カラム幅は一定 http://www.html5-memo.com/sample/jq-books/06/sample1_basic.html コンテンツを敷き詰めるプラグイン「masonr
![masonryでコンテンツを隙間なくレイアウトする際の表示方法のバリエーションいろいろ【jQuery連載12】 | HTML5でサイトをつくろう](https://cdn-ak-scissors.b.st-hatena.com/image/square/333fdf095aff323dd80ccf8c2e17fab221f89d29/height=288;version=1;width=512/http%3A%2F%2Fwww.html5-memo.com%2Fwp-content%2Fuploads%2F2015%2F03%2FA136.jpg)