我有一个基于特定表单动态生成的HTML页面。一旦生成HTML页面,就可以使用wkhtmltopdf
将其转换为PDF。
如果页面太长,wkhtmltopdf
会自动将其拆分为多个页面,但我想控制拆分的位置。
我需要这个,因为每个页面都会包含将显示在页面上的特定信息的特定图表,每当自动拆分时,我有时会得到一个与页面上显示的文本无关的图表。
因此,理想情况下,我希望能够确定表单生成的内容对于1页来说是否太长,然后手动添加一个包含受控内容的新页面。
为了添加一个新页面,我基本上使用以下CSS规则,它运行良好:
@media print {
.new-page {
page-break-before: always;
}
}
该应用程序是在Laravel
+Svelte.js
中构建的(但我认为这并不重要,因为我只是想弄清楚如何处理这个问题(。
也许我可以得到一些建议?
要控制在哪里拆分页面,可以在属性后使用分页符。
示例:
<div style="page-break-after:always;"></div>