下面有更多 "亲自试一试" 示例。
这个column-width
属性指定列宽。
列数将是显示元素中所有内容所需的最小列数。
column-width
是一个灵活的属性。考虑到column-width
作为一个最小宽度建议对于浏览器。一旦浏览器无法以您指定的宽度容纳至少两列,那么这些列将停止并落入单个列中。
表中的数字指定完全支持该属性的第一个浏览器版本。
后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。
Property | |||||
---|---|---|---|---|---|
column-width | 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-width: auto|
length|initial|inherit;
Value | Description | Demo |
---|---|---|
auto | Default value. The column width will be determined by the browser | Demo ❯ |
length | A length that specifies the width of the columns. The number of columns will be the minimum number of columns needed to show all the content across the element. Read about length units | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
CSS教程:CSS 多列
HTML DOM 参考:列宽度属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!