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
规定元素应横跨多少列。只有两个值,横跨一列或横跨所有列。