Wie kann ich Kopf- und Fußzeilen aus der „window.print()'-Ausgabe in Chrome entfernen?

Kopf- und Fußzeile aus window.print()-Operationen ausschließen

Auf Kopf- und Fußzeilen stoßen, die Seitentitel, Dateipfad, Seitennummer usw. enthalten date beim Verwenden von window.print() zum Drucken kann frustrierend sein. Der Versuch, dieses Problem durch Druck-Stylesheets zu lösen, kann sich als erfolglos erweisen und alternative Lösungen erforderlich machen.

In Chrome ist es möglich, diese automatisierten Elemente zu unterdrücken, indem Folgendes verwendet wird:

@page { margin: 0; }

Dadurch können die Inhalte bis zu den Rändern der Seite erweitern, wodurch die standardmäßige Kopf- und Fußzeile entfällt. Es ist jedoch wichtig, geeignete Ränder und Abstände im Körperelement einzurichten, um zu verhindern, dass Inhalte über die Seitenränder hinausragen.

Ein anderer Ansatz ist:

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

Während dieser Ansatz Ränder vorsieht, Dabei gibt es eine Einschränkung: Wenn sich der Inhalt über mehrere Seiten erstreckt, können die Ränder inkonsistent sein. Die erste Seite behält den oberen Rand von 1,6 cm, während die letzte Seite den unteren Rand von 1,6 cm behält, so dass die Zwischenseiten keine Ränder haben.

Alternativ können Sie darüber nachdenken, spontan ein PDF zu erstellen und es direkt auszudrucken. Dieser Ansatz führt jedoch zu zusätzlicher Komplexität.

Das obige ist der detaillierte Inhalt vonWie kann ich Kopf- und Fußzeilen aus der „window.print()'-Ausgabe in Chrome entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!