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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

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

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

我想在每个字的顶部和底部加上红色、Arial、大小为16 pt的“未分类”一词。

如果文档被打印到5页上,则每个页面都应该有自定义页眉和页脚。

有人知道这是否可以使用HTML/CSS吗?

提问于
用户回答回答于

如果你想要成为页脚的元素,并将其设置为Location:FIX和Lost:0,则当页面打印时,它将在每个打印页面的底部重复该元素。对于页眉元素也同样适用,只需将top:0设置为0即可。

例如:

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

CSS:

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}
用户回答回答于

我相信正确的答案是HTML 5和CSS 3不支持在print媒体。

虽然你可以用以下方法来模拟:

  • 固定位置块

他们每个人都有缺陷,使他们无法成为理想的通用解决方案。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励