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

Question

我正在尝试制作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'

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

当我使用时：

tr {
    page-break-inside: avoid; 
    page-break-after: auto;
}

它仍会添加填充，但只是将其推送到下一页：

Answer 1

如果您在表格中始终有4个 func configureColorSlider() { let colorSlider = ColorSlider() let xCell = colorCell.contentView.bounds.width let yCell = colorCell.contentView.bounds.height colorSlider.frame = CGRect(x: xCell / 4, y: yCell / 4, width: 200, height: 24) colorSlider.orientation = .horizontal colorSlider.addTarget(self, action: #selector(ConfigureTimestampTableViewController.changedColor(_:)), for: .valueChanged) colorCell.contentView.addSubview(colorSlider) colorSlider.translatesAutoresizingMaskIntoConstraints = false NSLayoutConstraint.activate([colorSlider.leadingAnchor.constraint(equalTo: colorLabel.trailingAnchor, constant: 8), colorSlider.trailingAnchor.constraint(equalTo: colorCell.contentView.trailingAnchor, constant: -8), colorSlider.topAnchor.constraint(equalTo: colorCell.contentView.topAnchor, constant: 8), colorSlider.bottomAnchor.constraint(equalTo: colorCell.contentView.bottomAnchor, constant: -8) ]) } ，则可以在<tr> page-break-after: always; <table> <tr>，<table>元素上没有分页符。

如果您将所有内容放在一个表中，那么您可以执行以下操作（tr:nth-child(4n+5){ page-break-inside: avoid; page-break-after: always; } 上没有分页符）：

"html-dnd": "git://github.com/PloughingAByteField/html-dnd.git"

我测试了两者，它工作正常。即使有更多页面。

<强>更新

此处的完整示例https://jsfiddle.net/pxga201s/4/