在使用 `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;
}
}
```
这样,只有你指定的部分会被打印出来,页眉页脚自然消失!👏
💡小贴士:记得测试不同浏览器的效果哦,确保万无一失!🚀