使用 window.print() 打印文档时如何消除页眉和页脚？

使用 window.print() 消除打印文档中的页眉和页脚

window.print() 函数的默认行为包括打印显示与页面相关的信息（如标题、路径、编号和日期）的页眉和页脚。删除这些元素可以增强打印美观度。

在尝试使用打印样式表抑制页眉和页脚时，您遇到了困难。存在解决此问题的有效解决方案。

在 Google Chrome 中，您可以通过将以下代码合并到 CSS 中来禁用自动页眉/页脚：

@page { margin: 0; }

通过将边距设置为零，打印内容无缝延伸到页面的限制，无需页眉或页脚。为了防止内容到达页面边缘，请在 body 元素中指定适当的边距和填充：

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

警告：在处理需要多个页面的多部分内容时，此方法可能会导致美观缺陷。只有第一页和最后一页会有预期的边距，而中间页将缺少顶部和底部边距。

此解决方案虽然在本答案发布时（2013 年 5 月）在 Chrome 中有效，但可能需要进一步测试与其他浏览器的兼容性。如果跨浏览器支持至关重要，那么动态生成 PDF 并打印它（可能使用嵌入式自打印 JavaScript）仍然是一种可行但劳动密集型的替代方案。

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