我正在尝试创建一个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，这四个盒子在两个版面中看起来完全一样。 –
哦，等等，我不明白你之前的“调整大小”的评论。现在我懂了。 –