Können Sie Druckränder innerhalb eines CSS-Stylesheets angeben?

Anpassen der Seitenränder für den Druck von HTML-Seiten

Beim Drucken von HTML-Seiten müssen Sie möglicherweise die Seitenränder anpassen, um einen optimalen Druck sicherzustellen Ergebnisse. Während die Verwendung eines separaten Stylesheets zum Drucken üblich ist, stellt sich die Frage: Können Sie in diesem Stylesheet Druckränder angeben, um die Ränder des gedruckten Dokuments zu steuern?

Die Antwort liegt in der Verwendung bestimmter Einheiten beim Definieren von Rändern zum Ausdrucken. Um eine einheitliche Größe auf dem Papier zu gewährleisten, sollten Sie Zentimeter (cm) oder Millimeter (mm) anstelle von Pixeln verwenden. Der folgende CSS-Code legt beispielsweise Ränder von 25 mm auf allen Seiten fest:

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

Es ist jedoch wichtig zu beachten, dass das Festlegen von Rändern im CSS-Stil die Ränder des Druckertreibers oder die vom Druckertreiber gesteuerten Ränder nicht verändert Browser. Es definiert ausschließlich Ränder innerhalb des druckbaren Bereichs des Dokuments.

Internet Explorer 7 und höher passt die Schriftgröße automatisch an die Seite an, was zu Störungen der Druckränder führen kann. Um dieses Verhalten außer Kraft zu setzen, erinnern Sie Benutzer daran, „Druckvorschau“ auszuwählen und die Druckgröße auf 100 % anzupassen.

Für eine bessere Kontrolle über gedruckte Ränder sollten Sie die Verwendung der @page-Direktive in Betracht ziehen. Diese Anweisung beeinflusst den Rand auf dem Papier außerhalb des HTML-Body-Elements, der normalerweise vom Browser gesteuert wird. Der folgende Code demonstriert seine Verwendung:

<code class="css">@page { 
    margin: 25mm 25mm 25mm 25mm;  
} </code>

Diese Direktive funktioniert derzeit in allen gängigen Browsern außer Safari. Im Internet Explorer ist der Rand zunächst in den Druckeinstellungen auf diesen Wert eingestellt, Benutzer können ihn jedoch in der Vorschau ändern.

Das obige ist der detaillierte Inhalt vonKönnen Sie Druckränder innerhalb eines CSS-Stylesheets angeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!