多栏布局

多栏布局
column用于实现多栏布局【每栏的宽度始终相等，适合做文章而不适合网站】
[column-width column-count]

column-count:3； 表示页面要实现3栏布局【属性值为数字，表示要实现的栏目数量】默认值：auto
Column-width:10rem;表示页面每栏的宽度是10rem；

column-width:10rem /auto；用于表示每栏的宽度 默认值：auto

width：表示所有栏的总宽

columns:3rem 8; 表示column-width和column-count的复合属性

column-rule 表示每栏之间的分割线【复合属性】：
column-rule-width:thin-细线 、thick-粗线、medium-默认值中等线、length-表示设置具体数值
column-rule-style:none-无、 solid-实线、dashed-虚线、dotted-点状、double-双线、groove -3D凹槽边框、ridge-3D垄状边框、inset-3Dinset边框、outset-3D outset边框、hidden(与None相同)
column-rule-color:颜色

column-gap:2rem;用于实现每栏之间的分割距离 默认值：normal
column-span:用于控制元素是否横跨所有列(all表示横跨所有列 None表示不横跨-默认值)

column-fill:如何填充列（仅firefox支持）
column-fill 是指填充列的方式，有两个值：balance，列长短平衡，浏览器应尽量减少改变列的长度。Auto，列顺序填充，它们将有不同的长度。