wkhtmltopdf随机添加额外的填充到最后一行

Pet*_*tah 6 html css printing wkhtmltopdf

我正在尝试制作QR码的PDF,但是wkhtmltopdf正在页面的最后一行添加随机填充,即使它应该很好.它在浏览器中渲染得很好.

完整代码在这里:https://jsfiddle.net/pxga201s/2/

我用来渲染它的命令是:

/usr/local/bin/wkhtmltopdf --margin-bottom 0 --margin-left 0 --margin-right 0 --margin-top 0 'file:///path/to/qrcodes-5-6.pdf.html' '/path/to/qrcodes-5-6.pdf'
Run Code Online (Sandbox Code Playgroud)

wkhtmltopdf 0.12.3 (with patched qt)在Mac 10.10.5上使用.

在此输入图像描述 我用的时候:

tr {
    page-break-inside: avoid; 
    page-break-after: auto;
}
Run Code Online (Sandbox Code Playgroud)

它仍然添加了填充,但只是将其推送到下一页:

在此输入图像描述

jak*_*kob 2

如果表中始终有 4 个<tr>元素,则可以直接执行,page-break-after: always;<table>无需对<tr>元素进行分页。

如果您将所有内容都放在一张表中,那么您可以执行以下操作(没有分页符<table>):

tr:nth-child(4n+5){
    page-break-inside: avoid;
    page-break-after: always;
}
Run Code Online (Sandbox Code Playgroud)

我测试了两者并且工作正常。即使有更多的页面。

更新

完整示例在这里https://jsfiddle.net/pxga201s/4/