什么'；s css3中display:box和display:flexbox之间的区别

可能重复：

我在这里读过css3

flex box

，父元素的样式是：

  .flexbox {
    display: -webkit-flexbox;    
    -webkit-flex-pack: center;
    -webkit-flex-align: center;
    width: 50%;
    height: 100px;
    background: orange;
  }

一旦我更改

显示：-webkit flexbox至
显示：-webkit框，页面布局已更改

我读了一些关于
-webkit-flexbox
和
-webkit-box
语法相同的教程。这是真的吗？它们之间有什么不同吗？
根据这一点，规范发生了变化：

工作草案对flexbox模型中使用的许多语法进行了更改。例如：

display: box; 

这将成为：

display: flexbox;

两个版本的语法都有效（至少在chrome中是如此）。如果更改
显示
样式，布局看起来会有所不同的原因是您必须更改
-webkit flex-pack:center至
-网络工具包包装盒：中间当您使用
显示：-webkit框时

因此，这相当于上面的css样式，应该产生相同的布局：

.flexbox {
    display: -webkit-box;    
    -webkit-flex-box: center;
    -webkit-flex-box: center;
    width: 50%;
    height: 100px;
    background: orange;
  }

是的，他们几乎重写了整件事。这是一个巨大的混乱，但幸运的是，自从重写以来，情况有所好转。