打印时,内容与标题有一块空白内容_html/css_WEB-ITnose
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代码的问题
在

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati

HTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.

Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159

Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex

Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.

Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.

HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.

Anexampleofastartartingtaginhtmlis, yangbeginsaparagraph.startingtagsareessentialinhtmlasttheyinitiateelements, definetheirtypes, andarecrucialforstructuringwebpagesandconstructionthedom.
