box

英 [b?ks]? ?美 [bɑ:ks]??

n.盒;箱狀物;包廂;哨房

vt.把…裝入盒[箱，匣]中

vt.& vi.拳擊

第三人稱單數(shù)： boxes 復數(shù)： boxes 現(xiàn)在分詞： boxing 過去式： boxed 過去分詞： boxed

orient

英 [??:rient]? ?美 [??ri?nt, -??nt, ?or-]??

vt.標定方向;使…向東方;以…為參照;使熟悉或適應

adj.東方的;（太陽等）上升的，新生的;閃閃發(fā)光的

vi.轉(zhuǎn)向東方;使調(diào)整或者成為一條直線

n.東亞各國;珍珠光澤;好的珍珠;日出之處，東方

第三人稱單數(shù)： orients 現(xiàn)在分詞： orienting 過去式： oriented 過去分詞： oriented

css box-orient屬性 語法

作用：規(guī)定框的子元素是否應水平或垂直排列。

語法：box-orient: horizontal|vertical|inline-axis|block-axis|inherit;

說明：horizontal ? ?在水平行中從左向右排列子元素。vertical ? ?從上向下垂直排列子元素。inline-axis ? ?沿著行內(nèi)軸來排列子元素（映射為 horizontal）。block-axis ? ?沿著塊軸來排列子元素（映射為 vertical）。inherit ? ?應該從父元素繼承 box-orient 屬性的值。? ??

注釋：水平框中的子元素從左向右進行顯示，而垂直框的子元素從上向下進行顯示。不過，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>注釋：</b>IE 不支持 box-orient 屬性。</p>

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例