Chrome（Webkit）会忽略CSS3框属性吗？

Question

以下代码在Chrome版本22.0.1229.96 m中无法正确呈现。 在Firefox中工作正常。 当将class应用于div时，基本上什么也没有发生，它只是正常渲染所有内容。

.vbox {
    display: -moz-box;
    -moz-box-orient: vertical;

    display: -webkit-box;
    -webkit-box-orient: vertical;

    display: box;
    box-orient: vertical;
}

<div class="vbox">
    <input type="text" />
    <input type="password" />
</div>

将类添加到div后，输入元素将水平对齐。

更新资料

可以使用Flexbox，但Firefox仍不支持。 我已经像这样修改了我的CSS，目前它可以正常工作。

.vbox {
    display: -moz-box;
    -moz-box-orient: vertical;

    display: -webkit-flex;
    -webkit-flex-direction: column; 
    -webkit-justify-content: center;
    -webkit-align-items: center;
}

Answer 1

也许Chrome不支持它：

警告：这是原始CSS Flexible Box Layout Module标准的属性，正由新标准替换。

有关更多信息，请参见Flexbox 。

https://developer.mozilla.org/zh-CN/docs/CSS/box-orient