如何使页眉和页脚不重复打印N页？

Question

我努力在每个打印页面上重复页眉和页脚。没问题一定是桌子，最喜欢的是，有人有任何想法该怎么办？ 我不知道它会有多少页，可以是n页。

TRY：jsfiddle.net/7ZGVv/111

Answer 1

好，因为没有人似乎认为这是一个DUP，我会后这里的代码来证明这一点。看到这里工作的例子http://a-b-smith.com/

HTML

<h1>test 1</h1> 
<h1>test 2</h1> 
<h1>test 3</h1> 
<h1>test 4</h1> 
<h1>test 5</h1> 
<h1>test 6</h1> 
<div class="divFooter"> 
<h1>Footer</h1> 
</div> 
<div class="divHeader"> 
<h1>Header</h1> 
</div> 

CSS 注意到我在每个<h1>之间添加分页符来模拟多页

@media print { 
    h1 { 
    page-break-after: always; 
    } 
    div.divFooter { 
    position: fixed; 
    bottom: 0; 
    } 
    div.divHeader { 
    position: fixed; 
    top: 0; 
    } 
    body > h1 {margin-top: 100px;} 
} 

@media screen { 
    div.divFooter, div.divHeader { 
    display: none; 
    } 
} 

Answer 2

HTML和CSS对打印页的页眉和页脚打印的支持。 您可以用模拟它：

• 表
• 定位块

该解决方案在不同的浏览器的每个错误和警告。

参见：How to use HTML to print header and footer on every printed page of a document?