我正在嘗試創建一個4x4 flexbox網格。四個盒子中的每一個盒子都應該具有相同的垂直高度，但是從左到右每排兩堆。這可能嗎？是否可以創建一個4x4 flexbox網格？
（調整960和640之間的瀏覽器中看到我的嘗試：http://www.joshuasortino.com/index-new或查看我想它是如何工作的：http://www.joshuasortino.com/index）
編輯：此效果可以通過（對每行一個）創建兩個容器但我寧願只使用一個包裝器/容器。
你的盒子沒有問題。你只是遇到了麻煩，因爲你的svg圖像渲染時有很多額外的垂直空間。只需添加像舊版本一樣的高度/寬度樣式即可。
更改此：
<object data="public/images/charts/routine.svg" type="image/svg+xml" class="chart">
要這樣：
<object data="public/images/charts/routine.svg" type="image/svg+xml" class="chart" style="width: 482px; height: 265px;">
並改變這一點：
<object data="public/images/charts/skills.svg" type="image/svg+xml" class="chart">
要這樣：
<object data="public/images/charts/skills.svg" type="image/svg+xml" class="chart" style="width: 482px; height: 265px;">
理想情況下，您將使用樣式和css來設置這些屬性，我只是爲了演示而插入它們
看起來有一個元素可以解決問題。目前尚未得到廣泛支持。
-webkit-box-lines: multiple;
Supossedly允許flexbox DIV跨越多行。
添加一個鏈接到資源/參考/文檔將使這個答案更好。 – chharvey
對不起，我應該清楚。我提到的框是「服務」框（「開發」，「設計」等）.SVG是另一個問題。 –
@JoshuaSortino，我沒有看到問題。對於我來說，使用最新穩定版本的Google Chrome for Ubuntu，這四個盒子在兩個版面中看起來完全一樣。 –
哦，等等，我不明白你之前的「調整大小」的評論。現在我懂了。 –