如何从 Chrome 中的'window.print()”输出中删除页眉和页脚？

从 window.print() 操作中排除页眉和页脚

遇到包含页面标题、文件路径、页码和使用 window.print() 打印日期可能会令人沮丧。尝试通过打印样式表解决此问题可能是徒劳的，需要替代解决方案。

在 Chrome 中，可以通过以下方式抑制这些自动化元素：

@page { margin: 0; }

这允许内容扩展到页面边缘，消除默认的页眉和页脚。然而，在 body 元素中建立适当的边距和填充以防止内容超出页边距至关重要。

另一种方法是：

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

虽然此方法提供了边距，它面临一个限制：如果内容跨越多个页面，边距可能不一致。第一页保留 1.6 厘米的上边距，最后一页保留 1.6 厘米的下边距，中间页面没有边距。

或者，考虑即时创建 PDF 并直接打印。然而，这种方法引入了额外的复杂性。

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