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;
}


Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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