wkhtmltopdf - Wicked_pdf 避免 page-break-inside 不起作用

Question

这是我使用 Wicked_pdf 将html.erb页面转换为pdf.

问题： 似乎已分成两页table。tr

我没有成功的尝试：

1. page-break-inside按照此处或此处的说明使用

表，tr，td，th，tbody，thead，tfoot { page-break-inside：避免！重要；}

2. 将文本放在 div 中，如此处所述
3. 这里

另一种选择：将每个 tr 放在自己的 tbody 中，然后将 peage break css 规则应用于 tbody。表支持多个 tbody。一些额外的标记，但对我来说工作得体。

我正在使用 Ruby on Rails 4.2.6，Wicked_pdf 最新版本，引导程序。

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;与这个类article。

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

--->这是使用 html/css 正确打印页面的完整答案