Styling Web-Seiten für den Druck

Question

Ich habe mehrere Seiten auf einer Website, die auf Knopfdruck gedruckt werden. Hier ist die HTML:

<p class="print_line"><form class="print_btn_write"><input type="button" value="print" onClick="window.print();return true;"></form></p> 

Dies funktioniert aber in einer begrenzten Art und Weise. Ich möchte die Ausrichtung, Ränder, Schriftart usw. der gedruckten Seiten einstellen. Ich habe CSS @page überprüft, kann aber nicht sehen, wie ich diese Styling-Informationen mit bestimmten Seiten auf der Website in Verbindung bringen kann. Jede Hilfe wäre sehr willkommen

Answer 1

Split Ihre CSS in einen Bildschirm und Druck-Version:

@media print { 
#header{ 
display: none; 
} 
} 

@media screen { 
… 
}