CSS3实现瀑布流布局

前言在css3到来之前 , 都是用js来操作dom元素 , 计算位置 , 大小 , 形成瀑布流布局 。但是有了css3之后 , 一切实现起来就太简单了 , 没有复杂的逻辑 , 轻松的几行样式代码就可以搞定 。
回顾以前(js瀑布流)基于waterfall.js(11.8kb),还得写入基础的样式 , 初始化等等 , 对比其他js , 已经是很简单了 。
var waterfall = new WaterFall({container: '#waterfall',pins: ".pin",loader: '#loader',gapHeight: 20,gapWidth: 20,pinWidth: 216,threshold: 100 });但是 , 有了css3 , 再简洁的js , 都比不过简单的css代码 。
display: flex


    推荐阅读