Html 垂直等距俯冲

我的HTML如下所示：

<div class="page-break">  
   <div class="menu-item-div">
      <!-- CONTENT WITHIN DIV -->
   </div>

   <div class="menu-item-div">
      <!-- CONTENT WITHIN DIV -->
   </div>

   <div class="menu-item-div">
      <!-- CONTENT WITHIN DIV -->
   </div>
</div>

每个

。菜单项div

我需要在垂直方向上均匀间隔，以填充div的高度。div

.page break

的设置高度为210mm

每个

.page break

div中都有不同数量的

。菜单项div

。我需要能够在垂直方向上均匀地隔开这些div，但保持在

.page break

div高度210mm的范围内

使用flexbox的解决方案很好，我只是不知道flexbox是否足以做到这一点。

---

另一个要求是这些div将被打印，打印时必须工作。

在容器上设置以下属性

.page-break {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

。分页符{
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
高度：200px；
边框：1px纯绿色；
}
.菜单项div{
背景：番茄；
高度：40px；
/*如果标记中有真实的内容，则不需要这样做*/
}

@Michael\u B-好消息。谢谢你的链接。我如何控制内容间距？