【问题标题】:keep header with next paragraph in wkhtmltopdf在 wkhtmltopdf 中保留下一段的标题
【发布时间】:2014-10-16 09:03:06
【问题描述】:

给定一个带有 h2 元素后跟 p 元素的文档,我有时会在使用 wkhtmltopdf 时在 h2 和第一个 p 之间出现分页符。

我试过了:

h2 {
    page-break-after: avoid;
    break-after: avoid;
}

h3 + p {
    page-break-before: avoid;
}

我认为应该在所有 h2 元素之后避免分页符,并避免在 h2 之后的 p 元素之前所有分页符。

这些似乎都没有任何效果。也许我在滥用它们。

似乎有效的是page-break-inside: avoid;,但这意味着我必须将标题和第一段包装在一个元素中并将该样式应用于它。也许这是目前唯一的解决方案,但它会给我带来一些其他问题。

谁能提供帮助?

【问题讨论】:

  • 一年后,你是否碰巧知道这种情况是否完全改变了,用 wkhtmltopdf?我希望他们提高了他们的 WebKit 版本,这将更有可能支持这种 CSS。
  • @halfer 我不知道,抱歉。

标签: css wkhtmltopdf page-break


【解决方案1】:

发件人:http://madalgo.au.dk/~jakobt/wkhtmltoxdoc/wkhtmltopdf_0.10.0_rc2-doc.html

目前 WebKit 的分页算法还有很多需要改进的地方 想要的。基本上 webkit 会将所有内容渲染成一个长页面, 然后把它剪成几页。这意味着如果您有两列 其中一个垂直移动半行的文本。然后webkit 将一条线切成碎片显示在一页上的上半部分。和 另一页的下半部分。它还会将图像一分为二 很快。如果您使用的是 QT 的补丁版本,则可以使用 CSS page-break-inside 属性来解决这个问题。没有容易的 解决这个问题,直到解决这个问题,尝试组织你的 HTML 文档,使其包含许多行 剪得很干净。

我认为这意味着 page-break-inside: avoid; 是目前唯一有效的选项(尽管我使用的是 0.12.1.1 版本)。

【讨论】:

    猜你喜欢
    • 2021-10-18
    • 1970-01-01
    • 1970-01-01
    • 2013-08-04
    • 2013-10-09
    • 2021-07-22
    • 2017-06-29
    • 2019-07-16
    • 2018-06-22
    相关资源
    最近更新 更多