PhantomJS 使用 PDF 截断页眉/页脚中的内容答案

【问题标题】：PhantomJS cutting off content in header/footer with PDFsPhantomJS 使用 PDF 截断页眉/页脚中的内容
【发布时间】：2013-05-29 16:47:19
【问题描述】：

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

相关文件：

如您在 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 返回整个文档顶部的位置，而不是当前页面。

关于我做错了什么有什么想法吗？

【问题讨论】：

【解决方案1】：

这是一个棘手的问题，但我用简单的逻辑解决了它。投射元素以显示为块元素，它可以工作。

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

【讨论】：