Rails：WickedPDF：分页符

Question

在我的 Ruby (1.9.2) Rails (3.0.x) 中，我想使用 wicked_pdf 将网页呈现为 PDF，并且我想控制分页符的位置。我控制分页符的 CSS 代码如下：

<style>
  @media print
  {
    h1 {page-break-before:always}
  }
</style>

但是，当我使用 wicked_pdf 渲染页面时，它不会将文档分成两页。我还必须做些什么才能使用 wicked_pdf 进行分页吗？

Answer 1

由于某种原因，“@media print”并没有完全做到这一点。我只是采用了

.page-break { display:block; clear:both; page-break-after:always; }

CSS 规则，然后我将以下内容粘贴在页面中以进行分页：

<div class="page-break"></div>

这确实有效。

Answer 2

尝试了杰伊的解决方案，但无法让它工作（可能与其他CSS冲突）

我让它与此一起工作：

<p style='page-break-after:always;'></p>

Answer 3

我遇到了同样的问题，我发现了一些可能有帮助的东西。这是我的分页 CSS 代码：

.page-break {
  display: block;
  clear: both;
  page-break-after: always;
}

由于两个原因，这不起作用：

I。在其中一个 SASS 导入文件中，我有这样一行代码：

html, 正文
  溢出-x：隐藏！重要

二.另一个问题是 bootstrap ，

@import "bootstrap"

看起来是因为 float: left 中的：

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

分页符不再起作用。因此，只需在导入 bootstrap 之后添加此内容即可。

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: initial !important;
}

Answer 4

这些解决方案都不适合我。我确实找到了一个适用于许多人的 gem 问题的解决方案 - https://github。 com/wkhtmltopdf/wkhtmltopdf/issues/1524

您想要在需要分页符的元素上添加 CSS。就我而言，它是表行，所以我添加了：

tr {
 page-break-inside: avoid;
}

Answer 5

如果您使用外部样式表，请确保样式表链接标记包含 media='print" 或 media='all'：

<%= stylesheet_link_tag 'retailers_pdf',media: 'all' %>

否则

<%= stylesheet_link_tag 'retailers_pdf',media: 'print' %>

wicked_pdf 将不会拾取它。

另请注意，如果您位于表格或 div 的中间带有边框，分页属性将不起作用，在这种情况下，是时候打破 jQuery 并开始分割这个答案：https://stackoverflow.com/a/13394466/2016616 有一个很好的位置测量片段，我正在研究干净且可重复的位置测量。表格分割代​​码，完成后将发布它。

Answer 6

我遇到了同样的问题，最终对我有用的是确保我的元素

page-break: always;

位于文档的根目录上，似乎当它嵌套在其他元素内部时，尤其是分配了高度的元素时，声明会被忽略。

希望这对某人有帮助。