{page-break-after: always} 打印时不工作

新手上路,请多包涵

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

我们以电子方式从我们的供应商之一接收 HTML 格式的 PO 报告。我们通常打印这些,以前每页放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 (ugh) 之后有一个 HR。

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

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

谢谢!

原文由 ItsPronounced 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1k
2 个回答

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

原文由 JamesIngold 发布,翻译遵循 CC BY-SA 3.0 许可协议

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

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

原文由 Mumin Ka 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏