Style columns 属性

定义和用法

columns 属性是设置 columnWidth 和 columnCount 的简写属性。

另请参阅：

CSS3 教程：CSS 多列

CSS 参考手册：columns 属性

实例

将文本分成三列，每列至少 100 像素：

document.getElementById("myDIV").style.columns = "100px 3";

亲自试一试

语法

返回 columns 属性：

object.style.columns

设置 columns 属性：

object.style.columns = "auto|column-width column-count|initial|inherit"

属性值

值 描述
auto 默认值。将列宽设置为 "auto"，将列数设置为 "auto"。
columnWidth 列的宽度。
columnCount 列数。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： auto auto
返回值： 字符串，表示元素的 columns 属性。
CSS 版本： CSS3

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0