css3多列布局

1、CSS3 多列布局基本属性

column-count：规定元素应该被分隔的列数。页面缩小时会自动调整每栏宽度
column-fill：规定如何填充列。
column-gap：规定列之间的间隔。
column-rule：设置所有 column-rule-* 属性的简写属性。
column-rule-color：规定列之间规则的颜色。
column-rule-style：规定列之间规则的样式。
column-rule-width：规定列之间规则的宽度。页面缩小时会自动调整栏数
column-span：规定元素应该横跨的列数。
column-width：规定列的宽度。
columns：规定设置 column-width 和 column-count 的简写属性。

image.png

image.png