6

フレックスボックス（inb4：IEは気にしない）を使用してサイトのレイアウトを設定しようとしていますが、何らかの理由でアイテムが折り返されていません。

http://jsfiddle.net/EnUuA/

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

幅を設定してみpxましたが、幅を完全に削除してみました。それでも折り返されません。

では、どうすればフレックスボックスをコンテナにラップアラウンドさせることができますか？

答える前に、答えが実際にフレキシブルボックスモデルを使用していて、ブロックレベルの要素を与えているだけではないことを確認してください。

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

NB FF 21.0a1 の時点ではサポートされていませんflex-wrap

少なくとも、プロパティが機能することを検証できます。

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

ボスのようにラッピング

于 2013-01-31T17:54:29.310 に答える