可変グリッドレイアウトを実装するFreetile.jsの使い方 | webrecuration:IT/Webデザイン系ブログ

ベーシックな使い方 実装は基本的にMasonryなどと一緒です。 まずは配布元からjsなどをダウンロード。 Yannis Chatzikonstantinou / Freetile.js ボックスを内包するコンテナー(#container)を指定してあげます。 サンプル JS読み込み <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.freetile.js"></script> <script type="text/javascript"> $(function(){ $('#container').freetile(); }); </script>.box～の横幅を最初に300pxで統一することで縦に整列された形

[kool_kreate]

freetile.jsで大きさが違っても並ぶ