CSS3 box-lines 屬性

2018-08-04 21:48 更新

CSS3 box-lines 屬性


實(shí)例

指定一個(gè)div box允許擴(kuò)大到多行:

div
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前所有主流瀏覽器都不支持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)
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)