Javascript 在使用wkhtmltopdf将html转换为pdf之前,如何确定页面的结尾?

Javascript 在使用wkhtmltopdf将html转换为pdf之前,如何确定页面的结尾?,javascript,html,laravel,wkhtmltopdf,Javascript,Html,Laravel,Wkhtmltopdf,我有一个基于特定表单动态生成的HTML页面。生成HTML页面后,可以使用wkhtmltopdf将其转换为PDF 如果页面太长,wkhtmltopdf将自动将其拆分为多个页面,但我想控制拆分的位置 我需要这样做,因为每个页面都将包含特定图表,用于显示在页面上的特定信息,每当发生自动拆分时,我有时会得到一个与页面上显示的文本无关的图表 因此,理想情况下,我希望能够确定表单生成的内容对于1页来说是否太长,然后手动添加一个包含受控内容的新页面 为了添加新页面,我基本上使用了以下CSS规则,这很好:

我有一个基于特定表单动态生成的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>


我认为您走的是正确的道路。看看其他CSS控制分页符的规则:嗨,对不起,我不确定你是否读过我的问题。我希望能够根据内容的长度确定在哪里拆分页面。