css – 从window.print()中删除页眉和页脚

前端之家收集整理的这篇文章主要介绍了css – 从window.print()中删除页眉和页脚前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用window.print()打印页面,但我有页眉和页脚包含页面标题文件路径,页码和日期。如何清除它们?

我试着打印样式表。

#header,#nav,.noprint
{
display: none;
}

请帮忙。谢谢。

解决方法

。 。在Chrome中,可以隐藏此自动页眉/页脚
@page { margin: 0; }

。 。由于内容将扩展到页面限制,因此页面打印页眉/页脚将不存在。你应该,当然,在这种情况下,在你的body元素中设置一些边距/ paddings,使内容不会一直延伸到页面的边缘。由于普通打印机只是无法获得无边距打印,它可能不是你想要的,你应该使用这样的东西:

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

。 。可悲的是,它目前只适用于Chrome。对于其他浏览器,您需要即时创建PDF并打印(您可以创建一个自动打印PDF嵌入JavaScript)。最终,对“@page”指令的支持将提高,您将能够在所有浏览器中使用纯CSS解决方案。希望迟早。

猜你在找的CSS相关文章