CSS3 columns 属性
实例
div
{
columns:100px 3;
-moz-columns:100px 3; /* Firefox */
-webkit-columns:100px 3; /* Safari 和 Chrome */
}
只有 Opera 支持 columns 属性。
Firefox -moz-columns 属性。
Safari 和 Chrome -webkit-columns 属性。
columns
| 默认值： | auto auto |
|---|---|
| 继承性： | no |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.columns="100px 3" |
语法
columns: column-width column-count;
| 值 | 描述 |
|---|---|
| column-width | |
| column-count | 列数。 |
- 实例
- Column-count
- 把 div 列。
- Column-gap
- 将 div ，并列间 30 。
- Column-rule
相关页面
CSS3 教程：CSS3 多列