如何在每一页打印的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;
  }
}