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, body
  overflow-x: hidden !important

二. 另一个问题是引导程序

@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;
}