實(shí)例
通過(guò)一起使用 box-align 和 box-pack 屬性，對(duì) div 框的子元素進(jìn)行居中：
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;
}
瀏覽器支持
目前沒(méi)有瀏覽器支持 box-pack 屬性。
Firefox 支持替代的 -moz-box-pack 屬性。
Safari、Opera 以及 Chrome 支持替代的 -webkit-box-pack 屬性。
定義和用法
box-pack 屬性規(guī)定當(dāng)框大于子元素的尺寸，在何處放置子元素。
該屬性規(guī)定水平框中的水平位置，以及垂直框中的垂直位置。
| 默認(rèn)值： | start |
|---|---|
| 繼承性： | no |
| 版本： | CSS3 |
| JavaScript 語(yǔ)法： | object.style.boxPack="center" |
語(yǔ)法
box-pack: start|end|center|justify;
| 值 | 描述 | 測(cè)試 |
|---|---|---|
| start |
對(duì)于正常方向的框，首個(gè)子元素的左邊緣被放在左側(cè)（最后的子元素后是所有剩余的空間） 對(duì)于相反方向的框，最后子元素的右邊緣被放在右側(cè)（首個(gè)子元素前是所有剩余的空間） |
測(cè)試 |
| end |
對(duì)于正常方向的框，最后子元素的右邊緣被放在右側(cè)（首個(gè)子元素前是所有剩余的空間）。 對(duì)于相反方向的框，首個(gè)子元素的左邊緣被放在左側(cè)（最后子元素后是所有剩余的空間）。 |
測(cè)試 |
| center | 均等地分割多余空間，其中一半空間被置于首個(gè)子元素前，另一半被置于最后一個(gè)子元素后 | 測(cè)試 |
| justify | 在每個(gè)子元素之間分割多余的空間（首個(gè)子元素前和最后一個(gè)子元素后沒(méi)有多余的空間）。 | 測(cè)試 |
更多建議：