Flexbox不包装flex项目
我正在尝试使用flexbox为我的网站设置布局(inb4:我不关心IE),但由于某种原因,这些项目没有包装.
section { display:-webkit-flex; -webkit-flex-flow: row wrap; width: 200px; /* ... */ }
div { -webkit-flex: 1; width:48%; /* ... */ }
我已经尝试设置宽度px,我已经尝试完全去除宽度..仍然不包装!
那么,我如何让我的flexboxs在他们的容器中包裹？
在回答之前,请确保您的答案实际上使用了灵活的盒子模型,而不仅仅是给我块级元素.
似乎(截至今天)该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
至少你可以验证属性的工作原理:
