html的磚化佈局

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">	</span><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">公司網站最近項目需要做一個磚化佈局的頁面，其實就跟網上的照片牆差不多，就是div的寬度是固定的，但是高度確是不固定，找來找去，最後找到了一個jq插件</span>

masonry.pkgd網上找了一下，很多人都有用到這個插件，當然咯這個插件使用起來也很方便。

html結構

<span style="font-size:14px;"><div id="parent">
  <div class="child">...</div>
  <div class="child">...</div>
  <div class="child">...</div>
</div>
</span>

js調用

    $('#parent').masonry({
        // options
        itemSelector: '.child'
    });

當然咯，你還需要爲你的child添加上css例如給child寫好width，不然怎麼知道有多大呢是吧，下面是隨便做的一個曬單牆