用wkhtmltopdf-binary剪切的文本

Question

gem 'wicked_pdf'
gem 'wkhtmltopdf-binary'

使用了以上两个宝石。但是我在分页时会收到文字。比如截图

我正在使用这段代码： -

  <%if current_company&.po_term.present?%>
    <div class="row po_term_condtions" style="page-break-before: always;">
      <div class="col-lg-12 col-md-12 col-sm-12" style="page-break-inside:avoid !important;">
        <strong> PO Terms: </strong>
        <%=current_company&.po_term&.po_description.html_safe%>
      </div>
    </div>
  <%end%>

然而，我已经尝试过一些先前提出的问题的建议 但似乎不起作用

page-break-inside:avoid !important;
page-break-inside:avoid; display: inline; // display: block;

任何帮助都将不胜感激。

Answer 1

您的文字似乎位于页脚下方，因此首先请确保在致电WickedPDF时为页脚设置页边距：

pdf = WickedPdf.new.pdf_from_string(
  html,
  margin: { top: 30, bottom: 30, left: 30, right: 30 },
  header: { content: html_header, spacing: 10 },
  footer: { content: html_footer, spacing: 10 }
)

您可能需要进行实验，我注意到wkhtmltopdf可能会有不同的结果，具体取决于版本，我记得有些版本忽略了css分页符属性。

此外，如果您无法使用它：page-break-inside: avoid !important;，那么您可以尝试page-break-before: always;