CSS:无法建立分页符

我在尝试每3次在

项目包装器上建立分页符时遇到了相当多的障碍。我的元素结构和一般样式如下：

<div class='main_wrapper'>
  <div class='main'>
    <div class='main_details'>
      <div class='main_items_container'>
        <div class='main_items_wrapper'>
          <div class='item_wrapper'>...</div>
          <div class='item_wrapper'>...</div>
          <div class='item_wrapper'>...</div>
          <div class='item_wrapper'>...</div>
          <div class='item_wrapper'>...</div>
          <div class='item_wrapper'>...</div>
          <div class='item_wrapper'>...</div>
          <div class='item_wrapper'>...</div>
        </div>
      </div>
    </div>
  </div>
</div>


.main_wrapper {
  display: inline-block
}

.main {
  position: relative
  width: 100%
  height: 100%
}

.main_items_wrapper {
  display: flex
  flex-direction: column
}

.item_wrapper {
  display: block
}

请注意，我已经尝试遵循许多帖子的建议-显示、宽度、高度、浮动等。不幸的是，我就是无法实现这一点。任何帮助都将不胜感激。提前谢谢。
如果您指的是网页上的水平线作为分页符，那么您可以使用hr标签。您可以根据自己的规格设置高度和宽度

出于某种原因，我可以显示hr标记，因为它在这里生成一行。下面是一个示例（灰线）

好吧，似乎与
关联的flexbox.main\u items\u wrapper
就是问题所在。当然，这是一个教训。感谢那些花时间帮助我的人。
项目包装：第n个孩子（3）
？您的html错误。您尚未关闭main_items_包装类和item_包装类的单引号。打印css use.main\u items\u wrapper.item\u wrapper:n子项（3n）如何测试分页符是否有效？使用“打印”对话框还是您正在实际打印？很遗憾，
.main\u items\u wrapper.item\u wrapper:nth child（3n）
不起作用。我以前试过，但没有成功。至于印刷，我已经这样做了，这反映了对话中看到的情况。这当然是一个奇怪的问题。请不要添加“谢谢”作为答案。相反，你认为这是最有帮助的@dan1st：这不是感谢任何人的回答，而是回答他们自己的问题。另一个答案和注释都没有隔离flexbox。感谢您只是对其他贡献者所做的努力的一种认可。也就是说，这将是一个更有用的回答，并提供更多详细信息，说明flexbox为什么会引入这种行为，以及您需要实现以解决此问题的任何其他详细信息。
@media print {
  .main_items_wrapper:nth-child(3n) {
    break-after: always
  }
}