Flexbox行，包装物品并占据垂直空间

Question

我有这样的flexbox布局：

.container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

现在，当项目被包裹时，蓝色项目将转移到新行：

正如您所看到的，有一些不需要的空白。现在我想要的，但似乎无法实现，是蓝色列占用了所有可用空间：