column

css3: column属性

该属性谷歌和火狐以及ie10以上都是支持

- column-width: auto|length
设置列的宽度，根据（父级宽度 - 当前列间隙宽度）/列的宽度 取整即为当前的列数。

- column-count: number|auto
设置当前列数，一般与column-width属性选择一个使用即可。

- columns: column-width column-count
是前两个属性的复合属性，可设置列的宽度。

- column-gap: length|normal
设置列之间间隙的宽度。

-column-rule: column-rule-width column-rule-style column-rule-color
这是复合属性，设置列只觉得宽度、样式和颜色规则。

- column-rule-width: thin|medium|thick|length
设置列之间的宽度规则。thin纤细、medium中等、thick宽厚。

- column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset
规定列之间的样式规则。

值	描述
none	定义没有规则。
hidden	定义隐藏规则。
dotted	定义点状规则。
dashed	定义虚线规则。
solid	定义实线规则。
double	定义双线规则。
groove	定义 3D grooved 规则。该效果取决于宽度和颜色值。
ridge	定义 3D ridged 规则。该效果取决于宽度和颜色值。
inset	定义 3D inset 规则。该效果取决于宽度和颜色值。
outset	定义 3D outset 规则。该效果取决于宽度和颜色值。

- column-rule-color: color
规定列之间的颜色规则。

- column-span: 1|all
规定元素应横跨多少列。只有两个值，横跨一列或横跨所有列。