Flexbox不包装flex项目

Question

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

http://jsfiddle.net/EnUuA/

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

我已尝试在px中设置宽度，我已尝试完全移除宽度..仍然不会换行！

所以，我怎样才能让我的flexboxs在他们的容器中包裹？

请在回答之前，确保您的答案实际上使用flexible box model并且不仅仅是给我块级元素。

Answer 1

似乎（截至今天）flex-flow属性不属于Firefox（至少CR 2012版本）。

然而，您可以在Opera / Chrome中看到这个小提琴的包装。

Safari Nightly也正常运作http://nightly.webkit.org

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

参考文献：

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

NB 自FF 21.0a1起，它不支持flex-wrap

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

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