打印网页时删除页面标题和日期(使用 CSS?)

新手上路,请多包涵

默认情况下,当您打印网页时,页面 标题URL 打印在页面顶部, 日期时间 同样打印在底部。

当您通过 PAGE SETUP 菜单(在 Internet Exp 中的 FILE 下)进行打印时,可以删除此附加项

有谁知道通过 CSS 或 javascript 执行此操作的方法吗?

原文由 swisstony 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 2.2k
2 个回答

从历史上看,让这些东西消失是不可能的,因为它们是用户设置,而不是您控制的页面的一部分。

然而,截至 2017 年, @page 规则 已经标准化,可用于在现代浏览器中隐藏页面标题和日期:

 @page { size: auto;  margin: 0mm; }

打印页眉/页脚和打印边距

打印 Web 文档时,页边距是在浏览器的页面设置(或打印设置)对话框中设置的。这些边距设置虽然在浏览器中设置,但在操作系统/打印机驱动程序级别进行控制,在 HTML/CSS/DOM 级别不可控。 (对于 CSS 控制的打印页眉和页脚,请参阅打印页眉。)

设置必须足够大以包含打印机的物理非打印区域。此外,它们必须足够大以包含浏览器通常配置为打印的页眉和页脚(通常是页面标题、页码、URL 和日期)。请注意,这些页眉和页脚虽然由浏览器指定并且通常可通过用户首选项进行配置,但它们并不是网页本身的一部分,因此不受 CSS 控制。在 CSS 术语中,它们不属于页面框 CSS2.1 第 13.2 节。

… 即设置页边距为 0 会隐藏页面标题,因为标题打印在页边距中。

此技巧 归功于 Vigneswaran S。

原文由 greim 发布,翻译遵循 CC BY-SA 4.0 许可协议

这很简单。只需使用CSS。

 <style>
@page { size: auto;  margin: 0mm; }
</style>

原文由 Vigneswaran S 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题