2
請人指出下面的框裏對齊和箱包裝差異
之間的區別是我code.it工作一樣既框對齊和箱包裝。
div
{
width:100px;
height:100px;
background:orange;
display:-webkit-box;
-webkit-box-align:start;
}
Q
差異
A
回答
2
指定取向的方向上的當前元素中的子元素的對準。
對於子元素水平對齊的元素，開始的打包值表示左側對齊，右側有額外空間，結束值表示右側對齊，左側有額外空間，中間值表示中心在任何一邊均勻分配額外空間，並且值爲justify指示外部元素應該在左側和右側對齊，並在元素之間均勻添加空間。
語法
-webkit-box-pack: <alignment>;
值：
<alignment>子元素的對齊方式。
center：子元素與元素的中心對齊。
結束：子元素對齊元素的末尾。
證明：子元素對於元素的開始和結束都是合理的。
start：子元素與元素的開始對齊。
指定一個外柔性盒元件內嵌套元件的對準。
如果方向爲垂直方向，則此屬性指定水平對齊，反之亦然。此屬性僅適用於靈活的盒子佈局。有關靈活盒子的更多信息，請參閱http://www.w3.org/TR/css3-layout/。
語法
-webkit-box-align: baseline | center | end | start | stretch;
值：
基線：元素與框的基線對齊。
中心：元素與框中心對齊。
結束：元素與框的末端對齊。
start：元素與框的開始對齊。
stretch：元素被拉伸以填充框。
0
BOX-PACK用於水平打包內容。 box-pack的值爲
開始 - 與左側對齊並留下任何空間到右側。
中心 - 對齊中心在兩邊均等分隔空間。
末 - 右對齊...
對齊 - 均分子元素之間的空間。
BOX ALIGN是簡單的垂直調整。
box-align：start |中心|結束|基線|拉伸/ *如指定*/
相關問題
box-align： - >初始值：拉伸....盒子拉伸內容，使盒子中沒有多餘的空間。盒裝： - >初始值：開始....盒子在開始時包裝內容，在結尾留下任何額外的空間。 – Sandy8086 2012-08-10 04:56:31