CSS实现瀑布流布局
2018-11-22 本文已影响16人
level
multi_column通过如下属性来实现瀑布流布局：
column-count属性规定元素应该被划分的列数；
column-gap属性规定列之间的间隔；
column-rule属性设置列之间的宽度、样式和颜色规则；
break-inside属性允许您防止多列布局，分页媒体和多区域上下文中的意外中断。
flex-compatible通过flex属性、兼容低版本样式来实现瀑布流布局：
display: flex弹性布局；
justify-content: space-between两端对齐，项目之间的间隔都相等。
