HTML分页问题

Question

我正在将HTML转换为PDF并且其工作正常但我对数据的显示方式存在疑问。

我有一个字符串数组，我循环遍历它们并在我的ejs模板中显示它们。例如：

<div style="page-break-after: auto; padding: 10px;">
  <h3>Cost Saving Calculation:</h3>
  <p><%= modules[i].costSavedInfo %></p>
</div>

<div style="page-break-after: auto; padding: 10px;">
  <h3>Culture Change</h3>
  <p><%= modules[i].cultureChange %></p> 
</div>

<div style="page-break-after: auto; padding: 10px;">
  <h3>Other Efficiency</h3>
  <p><%= modules[i].otherEfficieny %></p>
</div>

问题：

生成PDF时，文本显示在2个页面上，如下所示：

在上面的图片中，一半的文字在一个pdf页面上，另一半在第二页上。

我不确定是否可能，但是如果要将文本显示在两个页面上，如何更改将文本移动到新页面的HTML。现在，数组中文本的长度可以是任何内容。没有字数限制。

这甚至可能吗？

Answer 1

分页符混淆段落时遇到的问题称为孤儿和寡妇。

你可以通过CSS定义在打破页面之前没有分开多少行。

请查看以下说明：

widows - “CSS中的widows属性控制段落中可以落到新页面的最小行数。”

orphans - “orphan属性控制可以保留在旧页面上的段落的最小行数。”

我认为，您希望定义两个属性以获得有意义的输出。