css多列

css多列

1、column­count:列数; 分割成几列

2、column-gap:50px; 列之间的距离

3、column-rule:2px solid red; 列之间的分隔线

4、column-fill:auto/balance; 内容排列的高度
      auto: 前面填满、空白留在最后一列；
      balance: 空白平分在每一列；

5、column-span：none/all;
           all: 标题跨所有的列（text-align居中）

6、column-width：30px; 设置每列的宽度（和column-count冲突。）

7、columns(不常用)：复合column-count和column-width;