gpt4 book ai didi

javascript - 打印带有图像的 html(每个图像在单独的页面上)

转载 作者:行者123 更新时间:2023-11-30 12:43:46 24 4
gpt4 key购买 nike

我有一个带图片的 HTML:

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

打印时,我希望每个图像都在单独的页面上(根据打印尺寸)。

现在我在中间 chop 了图像。

有什么办法可以解决吗?

最佳答案

您可以尝试以下..

<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>

关于javascript - 打印带有图像的 html(每个图像在单独的页面上),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23386460/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com