CSS3 column-fill properties
Examples
Specifies how to fill columns:
div
{
column-fill: auto;
}
{
column-fill: auto;
}
In the bottom of this page for more examples.
Browser Support
Figures in the table represent the first browser to support the method version number.
| 属性 | |||||
|---|---|---|---|---|---|
| column-fill | 不支持 | 不支持 | 13.0 -moz- | 不支持 | 不支持 |
Attribute definitions and instructions
column-fill Specifies how to fill attribute column.
| Defaults: | balance |
|---|---|
| inherit: | no |
| version: | CSS3 |
| JavaScript syntax: | object .style.columnFill = "auto" |
grammar
column-fill: balance|auto;
| value | Explanation |
|---|---|
| balance | Column length balance. Browser should minimize the length of the column changes |
| auto | Filling column order, they will have different lengths |
More examples
Column-count
Text div element into three columns.
Column-gap
Text in the div element into three columns, and specify the gap between the columns of a 30 pixel.
Column-rule
Rules specify between columns: width, style and color.
related articles
CSS3 tutorial: CSS3 Multiple the Columns
