css box-orient屬性
翻譯結果：
box
英[bɒks] 美[bɑ:ks]
n.盒;箱狀物;包廂;哨房
vt.把…裝入盒子[箱，盒子]中
vt.& vi. 拳擊
第三人稱單數：boxes 複數： boxes 現在分詞： boxing 過去式：boxed 過去分詞： boxed
orient
英[ˈɔ:rient] 美[ˈɔriənt, -ˌɛnt, ˈor-]
vt.東方;以…為參照;使熟悉或適應
adj.東方的;（太陽等）上升的，新生的;閃閃發光的
vi.轉向東方;使調整或成為一條直線
n.東亞各國;珍珠光澤;好的珍珠;日出之處，東方
第三人稱單數： orients 現在分詞： orienting 過去式： oriented 過去分詞： oriented
css box-orient屬性語法
作用：規定框的子元素是否要水平或垂直排列。
語法：box-orient: horizontal|vertical|inline-axis|block-axis|inherit;
##說明：horizontal在水平行中從左向右排列子元素。 vertical 從上向下垂直排列子元素。 inline-axis 沿著行內軸來排列子元素（映射為 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>執行實例 »
點擊 "執行實例" 按鈕查看線上實例