column-count 属性规定元素应该被划分的列数
CSS3 多列属性
- column-count:指定元素应该被分割的列数,数字表示
- column-fill:指定如何填充列。大部分浏览器暂时不兼容,慎用。
语法 column-fill: balance | auto;
balance:(默认值)列长短平衡,浏览器应尽量减少改变列的长度
auto:列顺序填充,他们将有不同的长度
- column-gap:设置列与列之间的距离
- column-rule:所有 column-rule-* 属性的简写,设置列之间的宽度,样式和颜色
- column-rule-color:指定两列间边框的颜色
- column-rule-style:指定两列间边框的样式
- column-rule-width:指定两列间边框的宽度
- column-span:指定元素要跨越多少列。语法:column-span: 1|all;
- column-width:指定列的宽度是多少
- columns:column-width 与 column-count 的简写属性。 columns:100px 3; 列的宽度100px和3列。