当您从 Web 浏览器打印网页时,您会注意到打印输出包含一些额外的信息,例如页面底部的页码、日期和网页 URL。有时,您可能不需要在打印输出中使用此信息来整理您的工作。
所以这里有一些方法可以让您打印网页而不会在页面底部显示额外的信息。
有两种方法可以实现这一点。
- 程序化方法:这里有一些最简单的方法。
示例 1:@page { size: auto; margin: 0; }
示例 2:
@print { @page :footer { display: none } @page :header { display: none } }
但是由于上面的代码不起作用,浏览器可能会出现一些问题。因此,以下代码可用于克服浏览器问题。
示例 3:
@media print { @page { margin-top: 0; margin-bottom: 0; } body { padding-top: 72px; padding-bottom: 72px ; } }
- 浏览器端方法:有在浏览器中禁用页眉和页脚的步骤。
- Internet Explorer:转到文件菜单并从下拉菜单中选择页面设置,然后单击页眉和页脚部分中显示 URL 的菜单,然后从菜单中选择
“-Empty-”
。 - Mozilla Firefox:从文件菜单转到页面设置选项,然后单击边距和页眉/页脚选项卡。将页眉和页
--blank--
每个值更改为 –blank– 。 - 谷歌浏览器:转到浏览器右上角的菜单图标,然后单击打印按钮。取消选中“边距”选项下方
“Headers and footers”
- Apple Safari:从菜单转到打印选项,然后出现打印对话框。取消选中
“Print headers and footers”
选项。从字面上看,在所有浏览器中,执行相同的以下案例以删除页眉和页脚部分。
- Internet Explorer:转到文件菜单并从下拉菜单中选择页面设置,然后单击页眉和页脚部分中显示 URL 的菜单,然后从菜单中选择
示例输出:
- 当 URL 可见时:
另请注意,页眉和页脚框已选中。 - 当 URL 被移除时:
请注意,未选中页眉和页脚框。