問題：
I'm using a flex box to display 8 items that will dynamically resize with my page.我正在使用彈性框來顯示 8 個項目，這些項目將隨着我的頁面動態調整大小。 How do I force it to split the items into two rows?如何強制它將項目分成兩行？ (4 per row)? （每行 4 個）？
Here is a relevant snip:這是一個相關的剪輯：
(Or if you prefer jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) （或者，如果您更喜歡 jsfiddle - http://jsfiddle.net/vivmaha/oq6prk1p/2/ ）
.parent-wrapper { height: 100%; width: 100%; border: 1px solid black; } .parent { display: flex; font-size: 0; flex-wrap: wrap; margin: -10px 0 0 -10px; } .child { display: inline-block; background: blue; margin: 10px 0 0 10px; flex-grow: 1; height: 100px; }<body> <div class="parent-wrapper"> <div class="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> </div> </body>解決方案：
參考一： https://en.stackoom.com/question/1zyPG參考二： https://stackoom.com/question/1zyPG