CSS3 box-lines property
Examples
Specify a div box expanded to allow multiple lines:
div
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}
Browser Support
At present, all major browsers do not support box-lines property.
Attribute definitions and instructions
box-lines attribute specifies that whenever it runs in the parent box space, whether the column will get a new line.
Tip: By default, the lateral box will lay its children in a single row, and a longitudinal box lay its children in a single column.
Defaults: | single |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object .style.boxLines = "multiple" |
grammar
box-lines: single|multiple;
value | Explanation |
---|---|
single | Will be placed in a single row or column of all child elements (element will only be considered to be unsuitable for the overflow) |
multiple | box allows multiple lines to expand to accommodate all its children |