我已将 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;
head 3 属性已正确更改，最后-webkit-flex-direction仍然无法像以前那样工作，但开发工具的 chrome 显示属性正确
演示在这里，我想使用属性h1在列中进行排序
我该如何解决这个问题？或者应该添加一些属性？
这是因为 Chrome 21 是第一个使用新的 flexbox模型的版本。
注意：Chrome 29 及更高版本不使用 flex 属性的前缀。
根据您的第一个示例，我编写了两个实现。我的第一个演示使用 flexbox 规范的原始版本，第二个使用最新版本。
这是一个演示，它显示了两者的实际效果：http: //jsfiddle.net/dPK5f/2/ （具有灵活的大小：http: //jsfiddle.net/dPK5f/3/）
/* The properties are ordered to make it easier to compare them */
#old {
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-box-orient: vertical;
}
#flex {
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
-webkit-flex-direction: column;
}
另见：https ://developer.mozilla.org/en/CSS/Using_CSS_flexible_boxes