多列布局:
CSS3 支持在布局中建立列(column)的数量,以及内容如何在列之间流动(flflow)、列之间的间距
(gap)大小,以及列的分隔线(column rules)。
column-width属性:
作用:规定栏目的宽度。
取值
number 指定栏目宽度。
auto 自动,由其他属性决定,如 “column-count”。
column-count属性:
作用:指定栏目的个数
取值
auto 由其他属性决定列数,比如 “column-width”。
数字 表示栏目个数
column-gap 属性:
作用:规定栏目之间的间隔。
取值
normal 默认是 1em。
长度值(px,em)
指定的长度值
column-rule 属性:
作用:设置栏目边框宽度、样式和颜色规则。
column-rule-width边框宽度
column-rule-style 边框样式
solid dashed dotted double
column-rule-color边框颜色
注:column-rule为column-rule-width ,column-rule-style ,column-rule-color;的简写属性。
column-span:
设置栏目的跨栏合并
默认值1
all 所有