如何在PhantomJS中处理PDF分页

Question

我正在使用PhantomJS从html创建PDF。

它工作得很好，但是我找不到如何使用分页；我想为文档中的每个div创建一个页面，但在文档中找不到任何东西。关于分页。

如果我的文档很短，它只会生成一个页面，如果它更大，它会创建第二个空页，并且我的内容会出现在变得非常长的第一页中。

有什么想法吗？(我使用的是nodeJS的phantomJS-node模块)

Answer 1

PhantomJS负责webkit的css实现。要实现手动分页符，可以使用以下属性：

• page-break-before：auto/always/avoid/...
• page-break-inside：auto/always/avoid/...
• page-break-after：auto/always/avoid/...

例如，div可以是：

 <div style="page-break-before:always;"><!-- content --></div>

或

<div style="page-break-after:always;"> <!-- content --></div>

在Webkit中打印时控制分页符有时并不容易，特别是对于长的html表格。

Answer 2

很晚了，但我在使用JsReport时遇到了"break-inside:avoid“的问题，通过将元素的显示类型更改为inline-block修复了这些问题。更多信息请点击此处：https://github.com/ariya/phantomjs/issues/10638

Answer 3

你应该会看到这个带有不同提示的issue。

尝试在您不想因为分页符而分页的元素中使用display:inline-block。背后的原因是webkit已经试图保护图像不被破坏。图像是内联块。