CSS3 box-水果拉霸

本文地址:http://www.19ward.com/cssref/pr_box-lines.asp
文章摘要:CSS3 box,如意坊娱乐金沙娱乐k7娱乐,希尔顿娱乐澳门娱乐上葡京娱乐。

水果拉霸

实例

规定允许 div 扩展为多行:

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

亲自试一试

浏览器支持

目前没有浏览器支持 box-水果拉霸。

定义和用法

box-水果拉霸规定如果列超出了父框中的空间,水果拉霸:是否要换行显示。

提示:默认地,水平框会在单独的行中排列其子元素,而垂直框会在单独的列中排列其子元素。

默认值: single
继承性: no
版本: CSS3
JavaScript 语法: object.style.boxLines="multiple"

语法

box-lines: single|multiple;
描述
single 所有子元素会被放置在单独的行或列中。(无法匹配的元素会被视为溢出)。
multiple 允许框扩展为多行,以容纳其所有子元素。