Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

Web-Paging-Druck mit dünner Linie, ultimative Strategie für die Produktion von Paging-Druck_HTML/Xhtml_Webseiten

WBOY
Freigeben： 2016-05-16 16:44:06
Original
1515 Leute haben es durchsucht

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> >< td colspan=2>Nationale EbeneKommunale Ebene tr>
;Xinmin Evening News
>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;}

.linetd
{ border-bottom:solid 1px #000; }
页面HTML如下：
记得在thead加上style="display:table-header-group;font-weight:bold"，这样每个页面才会有都表头哟

>>首页>>门户>>信息管理











标题： 所属街道： 录入日期： --



ID="Table2"> > ">


;/tr>
Xinmin Evening News
;Test >
;
/td>


tr> ;td>02-24- 2009 >
< td> td>
;
;tr align="center"> -2009
Haha, man muss sich die rot markierte Stelle genau ansehen, es kommt darauf an!
Verwandte Etiketten：
web
Quelle：php.cn
Vorheriger Artikel：Vollständige Analyse der Webseitenelement-Einheiten_HTML/Xhtml_Webseitenproduktion Nächster Artikel：Lernen Sie Hyperlink A Markup_HTML/Xhtml_Web Page Production
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Starten Sie einen transparenten Browser, um das Erlebnis von Webanwendungen und PWA zu verbessern [unterstützt statisches HTML, CSS und JavaScript] [Benutzern die Anzeige von Desktop-Hintergründen in unseren Webanwendungen/PWA ermöglichen] Ich bin ein Junior-Frontend-Entwickler und Designer, der derzeit eine Webanwendung (Chat) ...
Aus 2024-04-05 13:50:12
0
1
1367
Der Bootstrap-Schalter funktioniert nicht richtig, wenn die Größe der Webseite geändert wird 这是代码:<navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"class=&qu...
Aus 2024-04-05 08:45:39
0
1
3443
Verwenden Sie lokal installierte Bibliotheken auf Website-Seiten Ist es möglich, Bibliotheken (.dll, .ocx), die für Windows-Betriebssysteme geschrieben und...
Aus 2024-04-05 00:15:49
0
1
3563
Wie kann man auf bestimmte Klickereignisse achten, andere jedoch unterdrücken? Meine Webanwendung enthält eine HTML-Tabelle, in der jede Zeile auf eine bestimmte URL ver...
Aus 2024-04-04 16:55:27
0
1
317
Javascript – Mocha Chai-Einheitentests werden nicht ausgeführt Ich arbeite an einem Projekt mit dem Front-End-Webentwicklung-Kurs-Bootcamp und leider kan...
Aus 2024-04-02 14:52:19
0
1
356
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über uns Haftungsausschluss Sitemap

© php.cn All rights reserved

Straße Titel Eintrittsdatum
People's Daily
24.02.2009√
sseref
>sseref tr align="center" class='nextPage'>Seite 1Pusan ​​Street, Pudong New District
sdsedjiik ;/td> /tr>