代码之家 › 专栏 › 技术社区 › Daniel Kaplan

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

page-break microsoft-edge internet-explorer google-chrome css

1

Daniel Kaplan · 技术社区 · 6 年前

我注意到如果我把 page-break-before: always 或 page-break-after: always 在IE11/Edge中,它分别在可打印文档的前面或末尾提供一个空白页。Firefox和Chrome的行为不同:如果我把 前分页符:始终 在第一页的某些内容上,它不会在前面创建空白页。如果我把 分页符:始终 在最后一页,它不会在结尾放一个空白页。有什么诀窍可以让IE表现得像其他人(或让其他人表现得像IE)?

下面是一些HTML来重现这一点:

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

只需在IE中打开它并查看打印预览。

1 回复 | 直到 6 年前

1

0

Deepak-MSFT 6 年前

我用多个浏览器做了一个测试,结果是Edge和IE添加了一个新页面,而其他浏览器没有添加新页面。

它取决于每个浏览器,每个浏览器都将生成具有相似代码的不同输出。

我可以看出,您的要求是在所有浏览器上生成类似的输出。

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

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

然后试着用Edge或IE做一个测试。

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

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