CSS3--布局

columns : (列宽) || (列数)

CSS3--布局_第1张图片

column-count : number(指定列数) | auto(取决于其他属性如 “column-width”)

column-fill:

CSS3--布局_第2张图片

column-gap:指定列之间的差距   length| normal

column-rule:指定列之间的规则:宽度,样式,颜色

 column-rule-width : thin(细边框) | medium(中等边框)| thick(粗边框)| length(指定宽度的规则)

column-rule-style : none|hidden()|dotted|dashed|solid|double|groove|ridge|inset|outset;

CSS3--布局_第3张图片

 column-rule-color:定义列之间的颜色

column-span:1 (元素应跨越一列)| all(该元素应跨越所有列)

column-width:指定列的宽度  auto|length

你可能感兴趣的:(CSS3)