Wie füge ich jeder Seite eines gedruckten HTML-Dokuments Kopf- und Fußzeilen hinzu?

Question

Ist es möglich, auf jeder gedruckten Seite eine benutzerdefinierte HTML-Kopf- und Fußzeile zu drucken? Ich möchte die Worte „UNCLASSIFIED“ in Rot, Arial-Schriftart, 16pt-Größe, oben und unten auf jeder gedruckten Seite hinzufügen, unabhängig vom Inhalt. Zur Verdeutlichung: Wenn das Dokument auf 5 Seiten gedruckt wird, sollte jede Seite über benutzerdefinierte Kopf- und Fußzeilen verfügen. Weiß jemand, ob dies mit HTML/CSS erreicht werden kann?

P粉950128819 · Answer

如果你想将要作为页脚的元素设置为position:fixed和bottom:0，当页面打印时，它将在每个打印页面的底部重复显示该元素。对于页眉元素，只需将top:0设置即可。

例如：

UNCLASSIFIED

CSS：

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}