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页面上，另一文本在第二页上。

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

这有可能吗？

Answer 1

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

您可以通过CSS定义在分页之前不分隔多少行。

请查看以下描述：

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

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

我想，您想定义两个属性以产生有意义的输出。