Html 如果对象跨越多个页面，则pdf中的分页符不起作用

我正在添加一个基于网页的javascript pdf生成器。在此pdf中，用户可以选择是否希望每页打印一个“章节”

页面由angularjs生成，“章节”以ng重复加载

我使用了一个ng类来决定是否应该制作带有或不带分页符的pdf

我的css如下

  .withoutPageBreak{
    page-break-before: avoid;
    page-break-after: avoid;
  }

  .withPageBreak{
    page-break-before: always;
    page-break-inside: auto;
    min-height: 842px;
  }

（最小高度表示前端的一个pdf页面）

在某些情况下，“章节”可以跨越多个pdf页面。当一个“章节”跨越超过一页时，pdf将把下一个“章节”直接放在多页“章节”下

---

有没有办法防止这种行为，并在下一页的多个“章节”后面加上下一个“章节”呢？

我刚刚讨论了同样的问题

不要像现在这样使用css类，而是在每个章节的底部添加一个可以打开或关闭的div：

<div style="page-break-after: always"></div>