CSS3 box-align

定義和用法

box-align 屬性規定如何對齊框的子元素。

默認值：	stretch
繼承性：	no
版本：	CSS3
JavaScript 語法：	object.style.boxAlign="center"

語法

box-align: start|end|center|baseline|stretch;

值	描述
start	對於正常方向的框; 對於反方向的框
end	對於正常方向的框; 對於反方向的框
center	均等地分割多餘的空間
baseline	如果 box-orient 是inline-axis或horizontal
stretch	拉伸子元素以填充包含塊

實例

通過使用 box-align and box-pack 屬性，居中 div 框的子元素：

div { width:350px; height:100px; border:1px solid black;/* Firefox */display:-moz-box; -moz-box-pack:center; -moz-box-align:center;/* Safari、Opera 以及 Chrome */display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;/* W3C */display:box; box-pack:center; box-align:center; }

親自試一試

頁面底部有更多實例。

瀏覽器支持

沒有瀏覽器支持 box-align 屬性。

Firefox 支持替代的 -moz-box-align 屬性。

Safari、Opera 以及 Chrome 支持替代的 -webkit-box-align 屬性。