包装物品之间的柱状flexbox间距

Question

我目前正在将flex-wrap的flexbox space-between功能与包装的项目很好地隔开，但是最后一行未将其项目与列对齐。

#container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:450px;
  background-color:lightblue;
}
#container > div {
  width: 100px;
  height: 50px;
  background-color: red;
}
#container > div:nth-child(odd){
  height: 30px;
}

<div id="container">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

这些项目目前的宽度相同（但是容器不会），但是将来可能不会。我的目标是：

我对flexbox期望太多了吗，还是有一种简单的替代方法？