CSS3 box-lines 屬性
實(shí)例
指定一個(gè)div box允許擴(kuò)大到多行:
div
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}
嘗試一下 ?
瀏覽器支持
目前所有主流瀏覽器都不支持box-lines屬性。
屬性定義及使用說明
box-lines屬性指定每當(dāng)它運(yùn)行在父級(jí)box的空間,列中是否會(huì)得到一個(gè)新的行。
提示: 默認(rèn)情況下,橫向盒里會(huì)在單一的行鋪陳它的子元素,和一個(gè)縱向盒鋪陳其在單個(gè)列中的子元素。
默認(rèn)值: | single |
---|---|
繼承: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.boxLines="multiple" |
語法
box-lines: single|multiple;
值 | 說明 |
---|---|
single | 將被放置在單個(gè)行或列的所有子元素(元素不適合只會(huì)被認(rèn)為是溢出) |
multiple | box允許擴(kuò)大到多行,以適應(yīng)其所有子項(xiàng) |
更多建議: