前言在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
推荐阅读
- CSS3中的BFC是何方神圣
- 西坪五大战役助推实现茶旅比翼双飞
- 进阶|长相“显老显凶”的女生,如何全方位实现颜值进阶?
- python Linux下shell脚本监控Tomcat的状态并实现自动启动步骤
- 春茶产量较去年翻倍 茶价有望实现理性回归
- 品牌与定位助力茶叶门店实现飞速拓展
- 楚雄茶叶检测中心高级评茶员实现零突破
- 中国茶业多角度创新 实现持续快速发展
- 注解式限流是如何实现的?
- 安溪,转型突破实现跃升 去年茶业总值92亿