前几天遇到个问题,不大,但很头痛,原因是一个HTML页面中的table太大了,打印出来自动分页显示。在IE中不会有问题,在FireFox中出现跨页部分的table丢失问题。
解决办法是在使用PAGE-BREAK-AFTER属性(强制分页),并应用<style media="print">(将style只应用于打印输出)。具体如下
....
<STYLE type="text/css">
.diss {display:none;}
</STYLE>
<style media="print">
.diss {display:block;height:1px;}
.PageEnd { PAGE-BREAK-AFTER: always;}
</style>
<!--如果是IE,覆盖掉,否则IE打印有问题-->
<!--[if IE]>
<style media="print">
.diss {display:none;}
.PageEnd {}
</style>
<![endif]-->
........
<body>
.....
<div id="testDiv" class="diss"><p class="PageEnd"> </p><br></div>
<table>
........
解决办法是在使用PAGE-BREAK-AFTER属性(强制分页),并应用<style media="print">(将style只应用于打印输出)。具体如下
....
<STYLE type="text/css">
.diss {display:none;}
</STYLE>
<style media="print">
.diss {display:block;height:1px;}
.PageEnd { PAGE-BREAK-AFTER: always;}
</style>
<!--如果是IE,覆盖掉,否则IE打印有问题-->
<!--[if IE]>
<style media="print">
.diss {display:none;}
.PageEnd {}
</style>
<![endif]-->
........
<body>
.....
<div id="testDiv" class="diss"><p class="PageEnd"> </p><br></div>
<table>
........
浙公网安备 33010602011771号