HTML分页问题

我正在将HTML转换为PDF格式，并且工作正常，但是我有一个数据如何显示的问题。

我有一个string数组，我正在循环它们，并在我的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，如果它将显示在2页中。 现在数组中文本的长度可以是任何东西。没有任何字数限制。

这甚至有可能吗？

Answer 1

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

您可以通过CSS定义在打开页面之前有多less行不会分离。

请看看这些描述：

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

孤儿 – “孤儿属性控制可以留在旧页面上的段落的最小行数”。

我想，你想定义两个属性有一个有意义的输出。