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

  • 回答 (2)
  • 关注 (0)
  • 查看 (283)

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

不管内容如何,我想在每个打印页面的顶部和底部添加红色,宋体,大小为16pt的“UNCLASSIFIED”一词。

为了澄清,如果文档打印到5页,每个页面应该有自定义页眉和页脚。

有谁知道这是可能的使用HTML / CSS?

_Europa_Europa提问于
人生的旅途辣鸡前端回答于

我相信正确的答案是HTML 5和CSS3不支持在print媒体中打印页眉和页脚。

虽然你可能可以用下面的方法进行模拟:

  • 固定位置块

他们每个人都有错误,阻止他们成为理想的通用解决方案。

秋之夕颜清念念不忘,必有回响回答于

如果你将要设为页脚的元素设置为位置:固定和底部:0,当页面打印时,将在每个打印页面的底部重复该元素。同样可以用于标题元素,只需设置top:0即可。

例如:

<div class="divFooter">UNCLASSIFIED</div>
CSS:
@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}

扫码关注云+社区

领取腾讯云代金券