Rails：WickedPDF：分页符

| 在我的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获得分页符，我还必须做些其他事情吗？

已邀请:

6 个回复

功飘

由于某种原因，“ @ media print”并没有完全做到这一点。我刚和

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

CSS规则，然后在页面中插入以下内容以进行分页：

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

那才行。

宠封钞轰

尝试过杰伊的解决方案，但无法使其正常工作（可能与其他CSS冲突）我得到它与此一起工作：

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

泉秘胁

我遇到了同样的问题，发现了一些可能有用的方法。这是我的分页符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;
}

分页符不再起作用。因此，只需在导入引导程序后添加即可。

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

朗排谎纷瘟

如果使用外部样式表，请确保样式表链接标记包含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有一个很好的位置测量代码段。我正在研究干净且可重复的表拆分代码，并在完成后将其发布。