IE 11 / Edge以不同于其他浏览器的方式尊重page-break- *

时间:2018-10-01 22:37:40

标签: css google-chrome internet-explorer microsoft-edge page-break

我注意到,如果将page-break-before: alwayspage-break-after: always放在IE11 / Edge中,它将分别在可打印文档的开头或末尾给我空白页。 Firefox和Chrome的行为有所不同:如果我在第一页的某个内容上放置page-break-before: always,则不会在前面创建空白页。如果我将page-break-after: always放在最后一页,它不会在末尾放置空白页。让IE像其他人一样(或让其他人像IE一样)有什么技巧?

这里有一些HTML可以重现此内容:

<html><body>
<p style="page-break-before: always">Page break before!</p>
</body></html>

只需在IE中打开它,然后查看打印预览即可。

1 个答案:

答案 0 :(得分:0)

我对多个浏览器进行了测试,并检查了结果,即Edge和IE添加了新页面,而其他浏览器未添加新页面。

这取决于每个浏览器,并且每个浏览器将产生具有相似代码的不同输出。

我可以看到您的要求是要在所有浏览器上产生相似的输出。

为此,您可以尝试使用下面的代码行。

<BR style="page-break-before:always">

然后尝试使用Edge或IE进行测试。

您会注意到它没有添加空白页。

enter image description here

通过这种方式,您可以尝试在多个浏览器中实现类似的输出。