PhantomJS使用PDF切断页眉/页脚中的内容

Question

我正在使用PhantomJS动态生成PDF。然而，似乎总是在页脚和标题之间切断一些内容。

相关文件：

• HTML内容：http://bit.ly/146Ljdp
• rasterize.js文件：http://bit.ly/12iSC7y
• 示例PDF文件：http://bit.ly/10Aa309

正如您在PDF文件中看到的那样，内容在第5页和第6页之间被切断。

我已经查看了现有的Qt和PhantomJS错误，并且我不确定我是否做得不对，或者它只是一个错误。

• AFAIK最理想的选择是使用page-break-inside:avoid，但Qt似乎还不支持。
• PDF /文档中的代码内容使用表格，显然过去存在问题：927，989，1038，880。我尝试删除所有表元素（table，tr，td等）并用div替换它们。它在浏览器和PDF文件中看起来完全一样，但它仍然被切断了。
• 如果顶部位置和底部位置位于不同页面上，我尝试使用javascript hack检查每个元素，如果是，请添加page-break-before ...但是我无法正确获取单个页面大小，检查每页上标题的相对位置。 $('element').offset().top返回整个文档顶部的位置，而不是当前页面。

关于我做错的任何想法？

Answer 1

这很棘手，但我用简单的逻辑解决了它。 将元素显示为块元素并且它可以工作。

  display:block;
  page-break-inside:avoid;