<分区>
Possible Duplicate:
What are the differences between display:box and display:flexbox
我读过一个css3 flex-box demo在这里，父元素的样式是:
.flexbox {
display: -webkit-flexbox;
-webkit-flex-pack: center;
-webkit-flex-align: center;
width: 50%;
height: 100px;
background: orange;
}
一旦我将 display: -webkit-flexbox; 更改为 display: -webkit-box;，页面布局就发生了变化。
Buy 我读了一些关于 -webkit-flexbox 和 -webkit-box 的教程，只是语法相同。是真的吗？它们之间有什么区别吗？
最佳答案
根据这个source规范已更改:
工作草案对 flexbox 模型中使用的大部分语法进行了更改。例如:
display: box;
这将变成:
display: flexbox;
两个版本的语法都有效(至少在 chrome 中是这样)。如果更改 display 样式，布局看起来不同的原因是因为您必须将 -webkit-flex-pack: center; 更改为 -webkit-box -pack: center; 当你使用 display: -webkit-box;
所以这等同于上面的 css 样式并且应该产生相同的布局:
.flexbox {
display: -webkit-box;
-webkit-flex-box: center;
-webkit-flex-box: center;
width: 50%;
height: 100px;
background: orange;
}
关于css - 显示:box and display:flexbox in css3有什么区别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11575501/