CSS 3 box-pack 属性
css box-pack 属性指定一个 box 的子元素时，被置于该框的子元素小于该框
此属性指定横向框的水平位置，垂直位置的垂直框
| 默认值 | start |
|---|---|
| 继承 | no |
| 版本 | CSS3 |
| JavaScript 语法 | object.style.boxPack="center" |
语法
box-pack: start|end|center|justify;值说明
| 值 | 说明 |
|---|---|
| start | 对于普通方向的 boxes，左边缘的第一个子元素被放置在左侧（所有额外的空间放置后的最后一个子元素）。对于反向 boxes，右边缘最后一个子元素放置在右侧（所有额外的空间放置前的第一个子元素） |
| end | 对于正常的方向的 boxes，最后一个子元素的右边缘放置在右侧（所有额外的空间放置前的第一个子元素）。对于反向 boxes，第一个孩子的左边缘放置在左侧（所有额外的空间放置后的最后一个子元素） |
| center | 额外的空间划分均匀的两半，前一半放置第一个子元素，另一半放置最后一个子元素 |
| justify | 额外的空间平均分配给每个子元素 |
浏览器支持
目前主流浏览器都不支持 box-pack 属性
Internet Explorer 10 使用 -ms-flex-pack 属性来代替支持
Firefox 通过私有属性 -moz-box-pack 支持
Safari, Opera, 和 Chrome 通过私有属性 -webkit-box-pack 支持
Internet Explorer 9 及更早 IE 版本不支持弹性框
范例
对 div 中的子元素同时使用 box-align 和 box-pack 的居中属性
div{
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:center;
box-align:center;
}本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！