page-break-before：避免媒体打印不起作用

Question

在尝试使用 wkhtmltopdf 诊断分页符问题时，创建了一个 contrived.html 文档，该文档似乎不符合我声明的 page-break-* 规则。

如果我在 chrome 打印对话框中打开它，该文档第一页上的最后一行是读取的 div 部分之一。它具有page-break-after:avoid 样式集，第二页上的第一个块具有page-break-before:avoid 样式集。我认为其中任何一个（特别是结合起来）都意味着红色文本应该是第二页上的第一件事，但它似乎不是那样工作的。

我对媒体打印的功能方式或这些样式的应用方式有什么误解吗？

我尝试了各种元素，div、span、表格，添加了!important，但似乎没有一个符合我的预期。

易于使用的图片

Answer 1

问题似乎出在浏览器 - 所有浏览器 - 而不是您的代码。在我的 css 样式表中，我指定了

@media print {
    h3, h4 { page-break-after: avoid; }
}

但是当我使用我拥有的任何浏览器进行打印时，我的代码完全没有效果。我什至尝试了iCab，caniuse.com（@Bazaim 提供的链接）未包含的浏览器，它也没有遵循 css @media 打印样式方向。