jqueryMasonry插件–瀑流式布局的不错选择

近来瀑流式布局越来越普遍，实现瀑流式布局的插件也越来越多。
例如淘宝的KISSY。
不过对我我这种半吊子来说，要熟练的使用KISSY没那么快。
最近在一个项目中hery推荐了一个Masonry插件，
使用起来很简单，插件大小只有6k。简单介绍下。
一般的瀑流式布局，如果有4列的话，很多人会采用一下这种写法:

也就是4列等宽在浮动。因为瀑流式一般每个块的高度都是不固定的，
所以没有办法通过每个块的浮动来实现。
使用插件Masonry就能够解决这个问题。同样的样式用Masonry插件就可以这样写：

简单了许多，插件的原理是通过绝对定位实现的，也就解决了高度不一产生的浮动问题。
这样的写法。后台数据的输出也会更加容易一些。
Masonry的使用方法如下：
引入文件：

在js中调用插件：

如果有图片的话，调用如下：