问题描述
我有一个基于特定形式动态生成的HTML页面。生成HTML页面后,可以使用wkhtmltopdf
将其转换为PDF。
如果页面太长,wkhtmltopdf
将自动将其拆分为多个页面,但是我想控制将在哪里拆分。
我之所以需要这样做,是因为每个页面都将包含用于显示在页面上的特定信息的特定图表,并且每当发生自动拆分时,有时我会得到一个与页面上显示的文本无关的图表。
因此,理想情况下,我希望能够确定表单生成的内容对于第一页而言是否太长,然后手动添加具有受控内容的新页面。
要添加新页面,我基本上是使用以下CSS规则,该规则可以正常工作:
@media print {
.new-page {
page-break-before: always;
}
}
该应用程序内置于Laravel
+ svelte.js
中(但是我认为它并不重要,因为我只是想弄清楚如何解决该问题)。
也许我可以得到一些建议?
解决方法
要控制页面拆分位置,可以使用 page-break-after 属性。
示例:
<div style="page-break-after:always;"></div>