Question

我有一个包含3张图片的网页。当我直接从Internet Explorer打印此页面时，它正确打印3页（每个图像1页）。

但是，如果我将此确切页面加载为iframe的内容并打印该iframe的内容，则Internet Explorer会在打印3个实际页面之前插入空白的第一页（使用IE页眉和页脚）。

相同的网址，相同的浏览器，但与直接从源页面打印相比，打印iframe内容会产生额外的页面。

有什么想法吗？

Answer 1

希望以下内容可能会有所帮助。也许你可以这样试试

iFrame页面，只需替换图片即可。 <p style="page-break-before: always">代码将在打印时提供分页符，noprint类将隐藏物理打印输出中的打印链接。

<html>
<head>
    <title>TESTING IFRAME PRINTING</title>
    <style>
    @media print
    { 
        .noprint {display:none;}
    }
    </style>
</head>
<body topmargin="0" marginheight="0">
    <a href="#" onClick="javascript:window.print();"><font face="arial" size="2" class="noprint">Print Now</font></a><br>
    <img src="printer.png">
    <p style="page-break-before: always">
    <img src="printer.png">
    <p style="page-break-before: always">
    <img src="printer.png">
</body>
</html>

主页

<html>
<head>
    <title>TESTING IFRAME PRINTING</title>
</head>
<body topmargin="0" marginheight="0">
    <iframe name="iFrameForPrint" id="iFrameForPrint" src="1.html" width="50%" height="400" frameborder="1"></iframe>
</body>
</html>

打印iframe的内容导致第一页空白

1 个答案: