css - 如何使用 HTML 在文档的每个打印页面上打印页眉和页脚？

Question

是否可以在每个打印页面上打印带有自定义页眉和页脚的 HTML 页面？

我想在每个打印页面的顶部和底部添加红色、Arial、16pt 大小的“UNCLASSIFIED”字样，无论内容如何。

澄清一下，如果文档打印成 5 页，则每页都应具有自定义页眉和页脚。

有人知道使用 HTML/CSS 是否可行吗？

Answer 1

如果您将要用作页脚的元素设置为 position:fixed 和 bottom:0，当页面打印时，它将在每个打印页面的底部重复该元素。这同样适用于标题元素，只需设置 top:0 即可。

例如:

<div class="divFooter">UNCLASSIFIED</div>

CSS:

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