CSS column-count 属性

将 <div> 元素中的文本分为三列：

div {
column-count: 3;
}

下面有更多 "亲自试一试" 示例。

定义和用法

这个column-count属性指定元素应分为的列数。

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
column-count	50.0 4.0 -webkit-	10.0	52.0 2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit 11.1

column-count: number|auto|initial|inherit;

Value	Description	Demo
number	The optimal number of columns into which the content of the element will be flowed	Demo ❯
auto	Default value. The number of columns will be determined by other properties, like e.g. "column-width"	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit