Google chrome CSS3弯曲方向属性在Chrome 21中失效？

我已经将我的Chrome更新到21版。我使用flex属性定义了一些css样式：

display: -webkit-flexbox;
-webkit-flex-pack: center;
-webkit-flex-align: center;
-webkit-flex-direction: column;

但我发现新版chrome中的所有功能都失去了效果，因此我尝试更改为：

display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-flex-direction: column;

头3属性已正确更改， 最后一个

-webkit flex-direction

仍然不能像以前那样工作，但是开发工具的chrome显示该属性是正确的

演示是，我想使用属性在列中设置

h1

顺序

---

我如何解决这个问题？或者应该添加一些属性？

这是因为Chrome 21是第一个使用该模型的版本

注意：Chrome 29及更高版本不使用flex属性的前缀

基于第一个示例，我编写了两个实现。我的第一个演示使用flexbox规范的，第二个使用。
下面是一个演示，它展示了这两个方面的实际情况：（具有灵活的大小：）

/*对属性进行排序以便于比较*/
#旧的{
显示：-网络工具包盒；
-网络工具包包装盒：中心；
-webkit框对齐：居中；
-网络工具包盒方向：垂直；
}
#弯曲{
显示：-webkit flex；
-webkit内容：中心；
-webkit对齐项目：居中；
-webkit柔性方向：列；
}

---

另请参见：

实际上，您并没有解决我的困惑，即为什么同一属性在不同版本的Chrome中执行不同…@hh54188，这在您的问题中没有说明。你困惑的答案可以从我的答案中得出。在MDN的顶部：。事情就是这样：规范发生了变化，Chrome遵循了更新后的规范。