CSS3 `column-count` 属性

说明

column-count CSS 属性指定多列元素中的列数。

下表总结了此属性的使用上下文和版本历史记录。

默认值：	`auto`
适用于：	Non-replaced block-level elements (except table elements), table cells, and inline-block elements
继承：	No
动画：	Yes. 参见动画属性。
版本：	New in CSS3

属性的语法如下：

column-count:

number | auto | initial | inherit

下面的示例显示了 column-count 属性的作用。

p {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
       -moz-column-count: 3; /* Firefox */
            column-count: 3; /* 标准语法 */
}

下表描述了该属性的值。

值	说明
number	一个正整数值，它指定多列元素中的列数。如果 `column-width` 也设置为非 `auto` 值，它可能表示允许的最大列数。
`auto`	列数由其他 CSS 属性决定，例如 `column-width`。这是默认值。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `column-count` 属性的计算值。

所有主要的现代浏览器都支持 column-count 属性。

请参阅以下教程： CSS3 多列布局.