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

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen





HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.

WebdevelopmentRelieSonHtml, CSS und JavaScript: 1) HtmlStructuresContent, 2) CSSstylesit und 3) JavaScriptaddssinteraktivität, Bildung von TheBasisofModerernwebexperiences.

Der ad-axis-Position adaptive Algorithmus für Webanmerkungen In diesem Artikel wird untersucht, wie Annotationsfunktionen ähnlich wie Word-Dokumente implementiert werden, insbesondere wie man mit dem Intervall zwischen Anmerkungen umgeht ...

GitePages statische Website -Bereitstellung fehlgeschlagen: 404 Fehlerbehebung und Auflösung bei der Verwendung von Gitee ...

Um den Effekt der Streuung und Vergrößerung der umgebenden Bilder nach dem Klicken auf das Bild zu erreichen, müssen viele Webdesigns einen interaktiven Effekt erzielen: Klicken Sie auf ein bestimmtes Bild, um die Umgebung zu machen ...

HTML, CSS und JavaScript sind die drei Säulen der Webentwicklung. 1. HTML definiert die Webseitenstruktur und verwendet Tags wie z.
