如何在使用浏览器打印时修改浏览器添加的页眉和页脚
如何在使用浏览器打印时修改浏览器添加的页眉和页脚
提问于 2016-12-10 05:03:23
我想知道是否可以(在任何浏览器中)在打印时修改浏览器添加的页眉和页脚。我知道你可以通过调整@页边距来防止页面出现。但我希望能够更改页眉和页脚的文本。
最重要的是，能够将字符串从类似基于web的技术的Javascript传递到浏览器(或浏览器的扩展)，这将调整页眉和页脚的值。
我知道firefox允许添加自定义文本作为页眉和页脚，但如果有一个扩展使用JS或类似的方法传递字符串。
回答 1
Stack Overflow用户
发布于 2016-12-10 05:15:51
您可以使用print media style sheets。将要应用于打印配置文件的所有规则放在一个包装中，如下所示：
@media print {
.header, .footer {
display:none;
}
}代码段
body {
font-family:"Open Sans", sans-serif;
}
* {
margin:0;
padding:0;
box-sizing: border-box;
}
.header, .footer {
display:table;
width:100%;
background:#333;
color:#fff;
text-align:center;
text-transform:uppercase;
padding:10px;
}
.main {
padding:10px;
min-height:100px;
}
@media print {
.header, .footer {
display:none;
}
}<header class="header">Header</header>
<main class="main">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed ornare sapien. Proin non pulvinar purus. Suspendisse non nulla eu est viverra dapibus at nec turpis. Maecenas vel ultrices massa. Vestibulum mauris felis, aliquam in tincidunt vel, laoreet eu arcu. Cras commodo non metus a scelerisque. Praesent rutrum at ipsum at mollis. Nullam interdum nulla ex, id malesuada nisl eleifend eget. Donec enim justo, sollicitudin quis varius sit amet, consequat in nisl.</p>
</main>
<footer class="footer">Footer</footer>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41068856
复制相关文章
相似问题
腾讯云开发者
