小编典典

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

css

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

通过PAGE SETUP菜单(在Internet Exp中的FILE下)进行打印时,可以删除其他附件。

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


阅读 959

收藏
2020-05-16

共1个答案

小编典典

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

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

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

打印页眉/页脚和页边距

打印Web文档时,在浏览器的“页面设置”(或“打印设置”)对话框中设置边距。这些页边距设置尽管在浏览器中进行了设置,但在操作系统/打印机驱动程序级别上受控制,而在HTML
/ CSS / DOM级别上则不可控制。(有关CSS控制的打印页眉和页脚,请参见打印页眉。)

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

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

感谢Vigneswaranš此提示。

2020-05-16