css box-lines属性
翻译结果:
box
英 [bɒks] 美 [bɑ:ks]
n.盒;箱状物;包厢;哨房
vt.把…装入盒[箱,匣]中
vt.& vi.拳击
第三人称单数: boxes 复数: boxes 现在分词: boxing 过去式: boxed 过去分词: boxed
lines
英 [laɪnz] 美 [laɪnz]
n.线路;线条;(演员的)台词;排( line的名词复数 );方法
v.排队( line的第三人称单数 );用线标出;[棒球](击球手)击出(平直球);给…安衬里
css box-lines属性语法
作用:规定如果列超出了父框中的空间,是否要换行显示。
语法:box-lines: single|multiple;
说明:single所有子元素会被放置在单独的行或列中。(无法匹配的元素会被视为溢出)。multiple允许框扩展为多行,以容纳其所有子元素。
注释:默认地,水平框会在单独的行中排列其子元素,而垂直框会在单独的列中排列其子元素。
css box-lines属性示例
<!DOCTYPE html> <html> <head> <style> .container { width:300px; border:1px dotted black; /* Firefox */ display:-moz-box; -moz-box-orient:horizontal; -moz-box-lines:multiple; /* Safari and Chrome */ display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-lines:multiple; .box { width:100px; /* Firefox */ -moz-box-flex: 1.0; /* Safari and Chrome */ -webkit-box-flex: 1.0; /* W3C */ box-flex: 1.0; } </style> </head> <body> <div class="container"> <div class="box">11111111111</div> <div class="box">22222222222</div> <div class="box">33333333333</div> <div class="box">44444444444</div> </div> <p><b>注释:</b>目前没有浏览器支持 box-lines 属性。</p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例