Flexbox 不包裹弹性项目

我正在尝试使用 Flexbox 为我的网站设置布局（inb4：我不关心IE）但由于某种原因，这些物品没有包装。

http://jsfiddle.net/EnUuA/ http://jsfiddle.net/EnUuA/

section { display:-webkit-flex; -webkit-flex-flow: row wrap; width: 200px; /* ... */ }
div { -webkit-flex: 1; width:48%; /* ... */ }

​ 我尝试过设置宽度px我已经尝试完全删除宽度..仍然没有换行！

So，我怎样才能让我的弹性盒包裹在它们的容器中？

请在回答之前确保您的答案实际上使用了灵活的盒子模型 https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_flexible_boxes并且不只是给我块级元素。

看来（截至今天）flex-flowFirefox 中没有该属性（至少 CR 2012 版本）。

不过，您可以看到这个小提琴的换行在 Opera/Chrome 中工作。

Safari Nightly 也有它的功能http://nightly.webkit.org http://nightly.webkit.org

[编辑] 愚蠢的指南针忘记了前缀

参考：

https://developer.mozilla.org/en-US/docs/CSS/flex https://developer.mozilla.org/en-US/docs/CSS/flex https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_flexible_boxes https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_flexible_boxes

NB从 FF 21.0a1 开始不支持flex-wrap

至少你可以验证该属性的工作原理：

http://jsfiddle.net/M7yLn/1/ http://jsfiddle.net/M7yLn/1/