Heim > Web-Frontend > HTML-Tutorial > 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

WBOY
Freigeben: 2016-05-16 16:44:06
Original
1550 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
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
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>