css 多列布局

• columns CSS3
• 设置或检索对象的列数和每列的宽度。复合属性

• column-width CSS3
• column-width属性建议一个最佳列宽。列宽是在添加另一列之前列将成为最大宽度。

• column-count CSS3
• 包含多个子元素的元素，此属性可以设置子元素的列数

• column-gap CSS3
• column-gap 该 CSS 属性用来设置元素列之间的间隔 (gutter) 大小。

• column-rule CSS3
• 用来设置列与列之间的边框宽度、样式和颜色。

• column-rule-width CSS3
• CSS 特性 column-rule-color 让你可以设置在多列布局中被画在两列之间的规则（线条）的宽度。

• column-rule-style CSS3
• CSS特性 column-rule-color 让你可以设置在多列布局中被画在两列之间的规则（线条）的样式。

• column-rule-color CSS3
• 设置或检索对象的列与列之间的边框颜色。

• column-span CSS3
• CSS 属性column-span 的值被设置为all时，可以让一个元素跨越所有的列。

• column-fill CSS3
• column-fill CSS属性控制如何将内容分区为列。内容要么是平衡的，这意味着所有列中的内容将具有相同的高度，要么在使用auto时，只占用内容所需的空间。

• break-before CSS3
• break-before CSS 属性定义页面，列或区域在生成的盒子之前应如何处理中断。 如果没有生成的盒子，则忽略该属性。

• break-after CSS3
• break-after CSS 属性描述在生成的盒子之后的页面，列或区域中断行为（换句话说，如何以及是否中断）。如果没有生成的盒子，则该属性将被忽略。

• break-inside CSS3
• break-inside CSS 属性描述了在多列布局页面下的内容盒子如何中断，如果多列布局没有内容盒子，这个属性会被忽略。