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.東方;以…為參照;使熟悉或適應(yīng)
adj.東方的;（太陽等）上升的，新生的;閃閃發(fā)光的
vi.轉(zhuǎn)向東方;使調(diào)整或成為一條直線
n.東亞各國;珍珠光澤;好的珍珠;日出之處，東方
第三人稱單數(shù)： orients 現(xiàn)在分詞： orienting 過去式： oriented 過去分詞： oriented
css box-orient屬性 語法
作用：規(guī)定框的子元素是否要水平或垂直排列。
語法：box-orient: horizo??ntal|vertical|inline-axis|block-axis|inherit;
##說明：horizo??ntal在水平行中從左向右排列子元素。 vertical ? ?從上向下垂直排列子元素。 inline-axis ? ?沿著行內(nèi)軸來排列子元素（映射為 horizo??ntal）。 block-axis ? ?沿著塊軸來排列子元素（映射為 vertical）。 inherit ? ?應(yīng)該從父元素繼承 box-orient 屬性的值。? ??
註解：水平方塊中的子元素從左向右顯示，而垂直方塊的子元素則從上方向下顯示。不過，box-direction 和 box-ordinal-group 能夠改變這種順序。
css box-orient屬性 範(fàn)例
<!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>執(zhí)行實例 ?
點擊 "執(zhí)行實例" 按鈕查看線上實例