6

我正在尝试使用 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我试过完全删除宽度..仍然没有换行!

那么,我怎样才能让我的 flexbox 环绕在它们的容器中呢?

请在回答之前确保您的回答实际上使用了灵活的盒子模型,而不仅仅是给我块级元素。

4

1 回答 1

7

似乎(截至今天)该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

注意从 FF 21.0a1 开始,它不支持flex-wrap

至少您可以验证该属性是否有效:

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

像老板一样包装

于 2013-01-31T17:54:29.310 回答