首页 > web前端 > css教程 > 如何从 Chrome 中的'window.print()”输出中删除页眉和页脚?

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

Linda Hamilton
发布: 2024-12-11 07:45:11
原创
282 人浏览过

How Can I Remove Headers and Footers from `window.print()` Output in Chrome?

从 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板