CSS column-width属性

定义和用法

column-width属性指定列宽。列数将是显示元素中所有内容所需的最小列数。column-width是一个灵活的属性。可以将其 column-width视为浏览器的最小宽度。一旦浏览器无法满足指定宽度的至少两列，则列合并放入单个列中。

特征	说明
默认值	auto
继承	没有
动画	有CSS动画参考
CSS版本	CSS3
JavaScript语法	object.style.columnWidth="100px"尝试一下

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

属性	Internet Explorer	Chrome	FireFox	Safari	Opera
属性名称
column-width	10.0	50.0 4.0 -webkit-	52.0 2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit 11.1

column-width: auto|length|initial|inherit;

指定列宽应为100px：

div {
  -webkit-column-width: 100px; /* Chrome, Safari, Opera */
  -moz-column-width: 100px; /* Firefox */
  column-width: 100px;
}

尝试一下

属性值	描述
auto	默认值。列宽将由浏览器确定
length	一个长度，指定列的宽度。列数将是显示元素中所有内容所需的最小列数。阅读长度单位
initial	将此属性设置为其默认值。查看initial关键字
inherit	从其父元素继承此属性。查看inherit关键字