关于WEB页面的强制分页打印问题

最近项目中有个需求要求打印web页面数据,但是碰到打印预览显示数据时,多的数据就不翼而飞了(不分页),搞的很是焦灼~

最先是以为纸张的问题,胡乱折腾了一番,把A4约硬是改成了LARGE号的纸,多的数据就显示出来了,但是大多打印机用的都是A4,这样就有问题了~

继续想办法改!

来无意看到一个强制分页的CSS, "page-break-before",大喜,认为胜利的曙光即将到来,

但在测试中发现兼容性不好~ 

再查资料,说Firefox不允许将独立的表分割,将要分页的数据放在<p>标签或者<div>标签。

最后发现如果body中有style="overflow-y:auto"  属性,部分浏览器的"page-break-before"就不起作用

至此,问题解决 ,在此记录一下。

 

By Hgq

posted @ 2018-07-04 17:40  WidgetBox  阅读(1172)  评论(0编辑  收藏  举报