Rumah >hujung hadapan web >html tutorial >打印时，内容与标题有一块空白内容_html/css_WEB-ITnose
打印时，内容与标题有一块空白内容_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:24:351504semak imbas
html
<HTML> <HEAD> <TITLE> AJava.org书城订单明细</TITLE> <style> @media print{ .toolbar{display:none;} } .toolbar{border:1px solid #6A9BFA;background:#E8F7E8;} .paging{page-break-after :always} td{font-size:12px;color:#000000;} </style> </HEAD> <BODY> <div class='toolbar'> <OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0> </OBJECT> <input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)> <input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)> <input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)> <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)> </div> <TABLE width="100%" border="0"><THEAD style="display:table-header-group;font-weight:bold"> <TR> <TD>书名</TD> <TD>价格</TD> <TD>送货地址</TD> <TD>送货时间</TD> <TD>状态</TD> </TR> </THEAD> <tr><td><table> <TR> <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD>伊拉克巴格达总统府9栋8单元7门654室</TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> <TR> <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD>伊拉克巴格达总统府9栋8单元7门654室</TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> <TR> <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD>伊拉克巴格达总统府9栋8单元7门654室</TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> <TR> <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD>伊拉克巴格达总统府9栋8单元7门654室</TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> <TR class='paging'> <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD>伊拉克巴格达总统府9栋8单元7门654室</TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> <TR > <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD>伊拉克巴格达总统府9栋8单元7门654室</TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> <TR> <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD>伊拉克巴格达总统府9栋8单元7门654室</TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> <TR> <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD>伊拉克巴格达总统府9栋8单元7门654室</TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> <TR> <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD>伊拉克巴格达总统府9栋8单元7门654室</TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> <TR> <TD>《Java 编程思想》</TD> <TD>￥60.00</TD> <TD><B>伊拉克巴格达总统府9栋8单元7门654室</B></TD> <TD>2009-8-8</TD> <TD>已送达</TD> </TR> </td></table></tr> <TFOOT style="display:table-footer-group;font-weight:bold"> <TR> <TD colspan="5" align="left" >以上内容纯属虚构</TD> </TR> </TFOOT> </TABLE> </BODY> </HTML> 请问下，当我分页标签这样放时，打印预览会产生空白块，这是为什么？，若是表内容，不再设置一个
TABLE的话，显示会正常。但我需要类似上述程序这样的操作，要怎么解决这个问题？谢谢
回复讨论(解决方案)
具体那个地方呢， 不明白
您把程序复制下来，跑看看就清楚了，我用的是IE8.0测试的。
在打印的时候，第一页的标题和内容之间有很大的一块空白。我知道是page-break-before这个标签放置于tr里导致，但不知道要怎么解决。
就是说去掉.paging{page-break-after :always} 就可以啦？为什么不去掉呢？
哦，理解了在 paging 之后分页。
我查了下page-break-after 这个属性，看到这个：
“注释：请尽可能少地使用分页属性，并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。”
调试了下，是你html代码的问题
在