Question

我从WebView内的PDF打印html，我想在每张图片后使用分页符。所以我做了以下事情：

img {
    page-break-before: always;
    page-break-inside: avoid;
}

但它对我的图片没有影响。我试图在div上使用相同的东西：

div {
    page-break-before: always;
    page-break-inside: avoid;
}

它完美无缺。

为什么它不能处理图像？

Answer 1

我在文档中找不到这个，但我相信分页符只适用于块级元素。因此，将其应用于您的图像或容器。

img {
    display: block;
    page-break-before: always;
    page-break-inside: avoid;
}

Answer 2

此属性适用于生成框的块元素。它不适用于不会生成框的空<div>。

- 关于分页符的From MDN

您需要将图片设为块级元素，例如与display: block;。