11

编辑：我刚刚注意到这适用于 IE9，但不适用于 IE10 和 Chrome。

我们以电子方式从我们的供应商之一收到 HTML 格式的采购订单报告。我们通常打印这些，在它每页放 1 个 PO 之前，但现在它不添加分页符。我检查了 html，但我不明白为什么它会突然不起作用。这是（格式错误的）html：

<HEAD>
<STYLE TYPE='text/css'><!--
BR.breakhere {page-break-after: always}
.tb1{font:10pt Arial;}
.tb2{border-left:1px solid #000000; border-right:1px solid #000000;border-top: 1px  solid #000000;border-bottom: 1px solid #000000;}
.tb3{font:10pt Arial;border-left:1px solid #000000; border-right:1px solid #000000;border-top: 1px  solid #000000;border-bottom: 1px solid #000000;}
.tb4{font-size:8pt;}
--></STYLE>
</HEAD>

分页符应该发生在这里：

<BR class=breakhere>

它紧跟在 TABLE 元素之后，TABLE 在最后一个 TR 之后有一个 HR（呃）。

<BR><HR style = "width:100%;height:10px;color:#000000"></TABLE><BR class=breakhere>

我想联系他们并提及这一点，但我不确定这是代码还是我们这边的东西？我尝试了所有浏览器、多台打印机和工作站，但无法让它断页。

谢谢！

4

2 回答 2

24

对于 Internet Explorer 来说，分页符是不够的。如果你试试这个，你可以看到结果。我有同样的问题，但我通过这种方式解决了。

<div style="page-break-after: always;"></div>
<div>&nbsp;
</div>

于 2015-10-27T07:00:51.547 回答
8

我也一直在处理这个问题。看来，在换行符中使用 page-break-after 属性是 IE10 中的禁忌。根据 Internet Explorer 当前支持 CSS 2.1 第 13.3.1 节的文档，page-break-after 属性不支持换行符或标题元素。请参阅此链接中的备注：http: //msdn.microsoft.com/en-us/library/ie/ms530842。我不得不切换我的代码以在课后休息时使用 div，但这似乎在 IE9 中不起作用，这太棒了。

于 2013-07-29T18:59:12.973 回答