您的位置首页 >简讯 > 新互联网 >

💻用 window.print 打印时,如何优雅地去掉页眉和页脚🧐

导读 在使用 `window print()` 打印网页时,很多人会发现默认情况下会有页眉(包含网址等信息)和页脚(显示页码)。这不仅影响美观,还可能泄

在使用 `window.print()` 打印网页时,很多人会发现默认情况下会有页眉(包含网址等信息)和页脚(显示页码)。这不仅影响美观,还可能泄露隐私。那么,如何优雅地移除这些多余内容呢?✨

首先,可以尝试通过 CSS 来解决这个问题。添加以下代码到你的网页样式中:

```css

@media print {

@page {

margin: 0;

}

header, footer {

display: none;

}

}

```

这段代码会让打印时自动隐藏页眉和页脚,并调整页面边距。🎯

此外,如果你希望进一步优化打印效果,可以考虑对打印区域进行更精细的设置,比如只打印特定部分的内容。例如:

```html

```

然后在 CSS 中设置:

```css

@media print {

body {

visibility: hidden;

}

print-area, print-area {

visibility: visible;

}

print-area {

position: absolute;

left: 0;

top: 0;

}

}

```

这样,只有你指定的部分会被打印出来,页眉页脚自然消失!👏

💡小贴士:记得测试不同浏览器的效果哦,确保万无一失!🚀

版权声明:本文由用户上传,如有侵权请联系删除!