wkhtmltopdf - Wicked_pdf 避免分页符内不工作

Question

这是我使用 Wicked_pdf 转换我的 html.erb 时的结果页到pdf .



问题 : 好像table的 tr被分成两页。

我试过没有成功 :

使用 page-break-inside如所述 here或 here

table, tr, td, th, tbody, thead, tfoot { page-break-inside: avoid !important; }

将文本放入 div 中，如 here 所述

here

Another option: place each tr in its own tbody and then apply the peage break css rules to the tbody. Tables support multiple tbodys. A bit of extra markup, but works decently for me.

我正在使用 Ruby on Rails 4.2.6，Wicked_pdf 最新版本， bootstrap 。

相关 issue on github

问题 : 我如何制作 table的 tr不分成两页。

Answer 1

好吧，要解决这个问题，您必须使用 page-break-inside: avoid !important;重复 div 导致此溢出的结果。

就像你有:

<div class="main">
    <div class="article">
        ...
  </div>
    <div class="article">
        ...
  </div>
    <div class="article">
        ...
  </div>
  ...
  ...
  ...
</div>

这会导致溢出，使内容与分页符内的标题重叠..

所以>>使用: page-break-inside: avoid !important;与这个类(class) article .

table.report-container div.article {
    page-break-inside: avoid;
}

---> here is a full answer to print a page properly using html/css