在保持边距的同时禁用浏览器打印页眉和页脚,但也在第2,3页等

时间:2017-09-26 07:10:14

标签: javascript html css printing

使用usual trick时:

@media print { 
    @page { margin: 0; }
    body { margin: 15mm 15mm 15mm 15mm; /* margin for the content */ }
}

要禁用browser's priting header/footer,它实际上在文档的第一页上工作,但在第2页,第3页等没有,这是零利润(这是正常,因为margin: 0)。

当然我们可以更改其他页面的margin-top,但之后它会恢复浏览器打印标题。

如何从CSS或JS中删除浏览器的打印页眉/页脚,但在打印文档的所有页面上都有15mm的白色边距?

2 个答案:

答案 0 :(得分:0)

 <style type="text/css" media="print">
  @page {
    size: auto;  
    margin: 0;  
  }
 </style>

答案 1 :(得分:-2)

关于你的css:

div.hidden {
   visibility: hidden
}

HTML:

<div class="hidden">This is an header/footer</div>