CSS columns 属性

指定每列的最小宽度和最大列数：

div {
columns: 100px 3;
}

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

定义和用法

这个columnsproperty 是以下属性的简写：

列宽部分将定义每列的最小宽度，而列计数部分将定义最大列数。通过使用此属性，多列布局将在狭窄的浏览器宽度下自动分解为单列，而不需要媒体查询或其他规则。

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

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

Property
columns	50.0 4.0 -webkit-	10.0	52.0 9.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit- 11.1

columns: auto| column-width column-count|initial|inherit;

Value	Description	Demo
auto	Default value. Sets both the column-width and column-count to "auto"	Demo ❯
column-width	Defines the minimum width for each column	Demo ❯
column-count	Defines the maximum number of columns	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit