box
英 [b?ks]? ?美 [bɑ:ks]??
n.盒;箱狀物;包廂;哨房
vt.把…裝入盒[箱,匣]中
vt.& vi.拳擊
第三人稱(chēng)單數(shù): boxes 復(fù)數(shù): boxes 現(xiàn)在分詞: boxing 過(guò)去式: boxed 過(guò)去分詞: boxed
orient
英 [??:rient]? ?美 [??ri?nt, -??nt, ?or-]??
vt.標(biāo)定方向;使…向東方;以…為參照;使熟悉或適應(yīng)
adj.東方的;(太陽(yáng)等)上升的,新生的;閃閃發(fā)光的
vi.轉(zhuǎn)向東方;使調(diào)整或者成為一條直線
n.東亞各國(guó);珍珠光澤;好的珍珠;日出之處,東方
第三人稱(chēng)單數(shù): orients 現(xiàn)在分詞: orienting 過(guò)去式: oriented 過(guò)去分詞: oriented
css box-orient屬性 語(yǔ)法
作用:規(guī)定框的子元素是否應(yīng)水平或垂直排列。
語(yǔ)法:box-orient: horizontal|vertical|inline-axis|block-axis|inherit;
說(shuō)明:horizontal ? ?在水平行中從左向右排列子元素。vertical ? ?從上向下垂直排列子元素。inline-axis ? ?沿著行內(nèi)軸來(lái)排列子元素(映射為 horizontal)。block-axis ? ?沿著塊軸來(lái)排列子元素(映射為 vertical)。inherit ? ?應(yīng)該從父元素繼承 box-orient 屬性的值。? ??
注釋?zhuān)?/strong>水平框中的子元素從左向右進(jìn)行顯示,而垂直框的子元素從上向下進(jìn)行顯示。不過(guò),box-direction 和 box-ordinal-group 能夠改變這種順序。
css box-orient屬性 示例
<!DOCTYPE html> <html> <head> <style> div { width:350px; height:150px; border:1px solid black; /* Firefox */ display:-moz-box; -moz-box-orient:horizontal; /* Safari, Opera, and Chrome */ display:-webkit-box; -webkit-box-orient:horizontal; /* W3C */ display:box; box-orient:horizontal; } </style> </head> <body> <div> <p>段落 1。</p> <p>段落 2。</p> <p>段落 3。</p> </div> <p><b>注釋?zhuān)?lt;/b>IE 不支持 box-orient 屬性。</p> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例