【发布时间】：2013-02-02 02:45:57
【问题描述】：
我正在尝试使用 flexbox （inb4：我不关心 IE） 为我的网站设置布局，但由于某些原因，这些项目没有换行。
section { display:-webkit-flex; -webkit-flex-flow: row wrap; width: 200px; /* ... */ }
div { -webkit-flex: 1; width:48%; /* ... */ }
我尝试在px 中设置宽度，并尝试完全删除宽度.. 仍然无法换行！
那么，我怎样才能让我的弹性盒环绕在它们的容器中？
请在回答之前确保您的回答确实使用了flexible box model，而不仅仅是给我块级元素。
【问题讨论】：
-
肯定有
display: -webkit-flex。如果我把它改成display: flexChrome doesn't understand it.。 -
Safari display: -webkit-box; jsfiddle.net/EnUuA/4 但是看起来 wrap 属性有问题。
-
display: -webkit-box;是弹性盒的旧实现。它已经被重做并通过使用display: -webkit-flex;css-tricks.com/old-flexbox-and-new-flexbox触发 -
对，但是旧的实现仍然适用于 Safari 5 和 6。除非您使用 flexie polyfill 来启用 2009 Flexbox 模型，否则您仍然必须特别使用旧语法.这就是我想指出的。
标签： css