周末研究了一下 Jquery 的两个实现瀑布流的插件，一个是 WookMark 一个就是 Masonry。其中前者专门为了实现图片瀑布流功能，而后者则是为了实现 div 的瀑布流布局排列。html 结构的要求更低，实现起来逻辑看着更清楚。其中
HTML 代码：

CSS 代码：

CSS 代码中，必须的就是对元素 float 的描述，其次 display 默认为不可见，为了能够在图片加载之后再显示出来，使得用户体验更好。同时使用了一些 css3 的属性，声明了每个“砖块”的阴影。JS代码：

js 代码在页面加载完成后执行，同时，使用了 imagesloaded 插件，来在砖块元素图片加载完成后再调用 masonry 插件。调用 masonry 的元素应该是所有 items 最外层的元素，而同时判断了所有 items 元素图片加载成功之后才将元素显示出来。在线预览：http://yunland.sinaapp.com/mark