要素をタイル状に隙間なく並べてくれるプラスグインMasonry
便利ですね
Masonryのページに行き「Download masonry.pkgd.min.js」
まずはここからダウンロードします
- <script src=“http://code.jquery.com/jquery-1.10.1.min.js”></script>
- <script src=“js/masonry.pkgd.min.js”></script>
- <script>
- jQuery(function($){
- $(‘#container’).masonry({
- itemSelector: ‘.item’,
- columnWidth: 180,
- isFitWidth: true //親要素の幅に合わせてカラム数を自動調整
- });
- });
- </script>