使用'window.print()”时如何删除页眉和页脚？

从 'window.print()' 中消除页眉和页脚

当使用 window.print() 打印页面时，您可以遇到页眉和页脚显示页面详细信息（如标题、路径、页码和日期）的问题。这些可能会分散注意力并干扰所需的打印输出。

为了解决此问题，我们发现了一种在 Chrome 浏览器中有效的解决方案（截至 2022 年 10 月，它也适用于 Firefox）。通过使用以下样式表，您可以抑制 Chrome 生成的自动页眉和页脚：

@page { margin: 0; }

此样式表将页边距设置为零，导致内容延伸到页面边缘。因此，通常显示在可打印区域之外的页眉和页脚被有效隐藏。

为了防止内容溢出页面边界，建议为页面元素设置边距或填充:

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

在此示例中，页面顶部和底部应用 1.6 厘米边距，确保内容保持在可打印范围内

需要注意的是，如果内容太大并且需要多个页面，此解决方案可能无法产生最佳结果。只有第一页有上边距，只有最后一页有下边距。中间页面将没有边距，这可能是不可取的。

如果您需要支持无法有效处理此样式表的浏览器，则可能需要替代解决方案，例如动态创建和打印 PDF，尽管这些方法实施起来可能很复杂且耗时。

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