前言在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
推荐阅读
- 你对css中的display了解多少呢
- CSS 中 display,visiblity及 overflow 的作用和区别
- 苹果|大量用户差评！苹果万元显示器Studio Display售后问题频发
- 惠普|惠普折叠屏OLED笔记本有戏：LG Display提供面板
- 当我们在使用 display: flex 的时候，浏览器到底发生了什么？
- 解决前端一切布局的神器：CSS3 Flex弹性布局
- 华为交换机display cpu-usage查看的各项指标
- 微信小程序之flex布局
- 苹果|工业艺术品！苹果Studio Display显示器内部构造抢先看
- 苹果|1.1万元的Studio Display显示器摄像头画质太差 苹果承诺修复
