使用'window.print()”时如何消除不需要的页眉和页脚？

如何在 window.print() 中抑制页眉和页脚

调用 window.print() 打印网页时，不需要的页眉并且可能会出现页脚，显示页面标题、文件路径、页码和日期。本指南演示如何消除这些额外元素。

解决方案：

在 Chrome 中，利用 CSS 规则 @page 隐藏自动页眉和页脚：

@page {
  margin: 0;
}

随着内容扩展到页面边界，打印页眉和页脚变得多余。但是，请确保在 body 元素上指定边距或填充，以防止内容扩展到页面边缘之外。打印机通常不支持无边距打印，因此请考虑以下事项：

@media print {
  @page {
    margin: 0;
  }
  body {
    margin: 1.6cm;
  }
}

但是，如果内容跨越多个页面，则打印布局可能会因边距不均匀而出现扭曲。第一页的上边距为 1.6 厘米，最后一页的下边距为 1.6 厘米，中间页没有边距。

尽管在撰写本文时此解决方案在 Chrome 中有效（5 月） 2013），其他浏览器的兼容性有所波动。如果需要支持其他浏览器，请考虑动态生成 PDF 并打印它。

以上是使用'window.print()”时如何消除不需要的页眉和页脚？的详细内容。更多信息请关注PHP中文网其他相关文章！