.container{ -webkit-column-width:160px; -moz-column-width:160px; -webkit-column-gap:5px; -moz-column-gap:5px; } /*数据块 砖块*/ .container div{width:160px; margin:4px 0;}
【css3和js实现方法比较】
--css3方式--
1：不需要计算，浏览器自动计算，只需设置1列宽，性能高
2:列宽随着浏览器宽口大小进行改变，用户体验不好；
3：图片排序按照垂直顺序排列，打乱图片显示顺序
4.图片加载还是需要js
--js方式--
js实现的瀑布流不会有上面的缺点，但是性能相对要差！