设置一个带有“row”类的div来显示：-webkit-box;使内容不可见。为什么？

Question

假设你有这样的HTML：

<div class="row">
    <div class="span12">
        Hey there
    </div>
</div>

如果您在CSS中执行此操作，该内容将变为不可见，但仍会占用您的布局空间：

.row {
    display: -webkit-box;
}

为什么会发生这种情况？如何防止这种情况发生？

Answer 1

我认为-webkit-box已被弃用：http://dev.w3.org/csswg/css-flexbox/

请尝试使用'-webkit-flex'。