Question

我有一个带图片的HTML：

<img id="1" .../>
<img id="2" .../>
<img id="3" .../>
<img id="4" .../>

打印时，我希望每张图片都在一个单独的页面上（根据打印尺寸）。

现在我在中间切断了图像。

有没有办法解决它？

Answer 1

你可以试试以下......

<html>
    <head>
        <style type="text/css">
            @media print {
                p.pageBreak {page-break-after: always;}
            }
        </style>
    </head>
    <body>

    <p class="pageBreak">
        <img id="1" src="http://placehold.it/250x250">
    </p>
    <p class="pageBreak">
        <img id="2" src="http://placehold.it/250x250">
    </p>
    <p class="pageBreak">
        <img id="3" src="http://placehold.it/250x250">
    </p>
    <p class="">
        <img id="4" src="http://placehold.it/250x250">
    </p>
    </body>
</html>

用图像打印html（每个图像在单独的页面上）

1 个答案: