Masonry jQuery 布局插件 详解

Masonry 是用于网页布局的一个插件，可以将不同高度的div去除空白，是页面更整洁！

如下图：

看到上面的官网截图了吗，masonry可以将div的空白去掉，美化布局！

使用方法很简单，只要调用一下所要布局的标签就OK了。

如下代码：

<div id=”test”>

<div class=”box”> test1</div>

<div class=”box”> test2</div>

<divclass=”box”> test3</div>

<divclass=”box”> test4</div>

</div>

<script type=”text/javascript” language=”javascript”>
$(‘#test’).masonry({
singleMode: true,
itemSelector: ‘.box’
})

</script>

明白了，就这么简单，还有更多的效果、参数，请参见官网！

使用详细解释：http://desandro.com/demo/masonry/docs/

演示地址：http://desandro.com/demo/masonry/docs/

下载地址：http://desandro.com/resources/jquery-masonry/