Heim > Artikel > Web-Frontend > Web-Paging-Druck mit dünner Linie, ultimative Strategie für die Produktion von Paging-Druck_HTML/Xhtml_Webseiten
Web-Paging-Druck mit dünner Linie, ultimative Strategie für die Produktion von Paging-Druck_HTML/Xhtml_Webseiten
- WBOYOriginal
- 2016-05-16 16:44:061469Durchsuche
Als ich kürzlich für einen Kunden druckte, schlug der Kunde vor, beim Drucken nicht die Kopfzeile der Seite zu drucken, sondern nur den Inhalt innerhalb des Formulars zu drucken, da die Kopfzeile einen Hintergrund und eine Druckschaltfläche hat und dünn sein muss -Linienform. Ich denke, dünne Linienformen sind nicht sehr einfach.
Wenn Sie immer noch nicht wissen, wie man eine dünne Linientabelle erstellt, sehen Sie sich bitte den folgenden Code an :)
< ;table cellSpacing=0 cellPadding=0 border=0> >
>Dann habe ich den IE so eingestellt, dass er den Hintergrund druckt, und ich dachte, ich wäre fertig.
Wenn das Ergebnis gedruckt und in der Vorschau angezeigt wird, erscheint ein großer schwarzer Block in meinem Kopf Das Ergebnis belegt die Seite!
.gTitle
{
width:100%;
line-height:32px;
background-image:url(images/gtitle.gif); 🎜>padding-left:130px;
margin-bottom:10px;
Ich fing an, lange im Internet zu suchen, konnte aber keine perfekte Lösung finden mach es selbst.
Nachdem ich lange darüber nachgedacht hatte, habe ich es endlich verstanden:)
Css ist wie folgt definiert:
noneprint: Stildefinition, die beim Drucken ausgeblendet wird
tabPrint: Stildefinition für dünne Linientabellen, die gedruckt werden soll
nextPate: Definition des Paging-Stils
linetd: Haha, das Wichtigste hier ist, dass Ihr Formular beim Drucken perfekt wird
Code kopieren
Der Code lautet wie folgt:
@media print {
.noneprint{display:none;}
}
.tabPrint td
{
border-left:# 000000 solid 1px; 🎜>border-bottom:#000000 solid 1px; .nextPage
{
page-break-after:always;}
< td> td>
;tr align="center"> -2009
Haha, man muss sich die rot markierte Stelle genau ansehen, es kommt darauf an!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Vollständige Analyse der Webseitenelement-Einheiten_HTML/Xhtml_WebseitenproduktionNächster Artikel：Vollständige Analyse der Webseitenelement-Einheiten_HTML/Xhtml_Webseitenproduktion