CSS3 多列布局 #

• columas: 他是 column-width 和 column-count 属性的缩写。
• column-width 表示 每 - 栏 / 列的最佳宽度，如果我们只设定 column-width，浏览器会自动根据

现有容器宽度划分栏目的个数。

• column-count 表示理 想的分栏数目。

• column-rule-color 表 示每个栏目中间分隔线的颜色。

• column-rule-style 表 示每个栏目中间分隔线的类型。支持的属性值和 border-style 是一模一样的。

• column-rule-width 表示每 个栏目中间分隔线的宽度大小。支持的属性值和 border-width 是一模一样的。

• column-rule: 它 是 column-rule-width，column-rule-style 和 column-rule-color 这 3 个 CSS 属性

的缩写。正如 border 是 border-style，border-width 和 border-color 的缩写一样；

• column-span 有 点类似于表格布局中的 colspan 这个 HTML 属性，表示某一个内容是否跨多栏显示。
• column-gap 表示每一列之间的空白间隙大小。