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

Question

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

页面是用 angularjs 生成的，“章节”是用 ng-repeat 加载的。

我使用 ng-class 来决定它是否应该制作带或不带分页符的 pdf

我的css如下

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

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

(min-height是前端代表一个pdf页面)

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

有没有办法防止这种行为并将下一个“章节”放在下一页的多页之后？

Answer 1

我刚刚遇到了这个完全相同的问题。

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

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

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

Page break in pdf not working if object spans multiple pages

html

css

pdf

page-break

angularjs