如何使頁眉和頁腳不重複打印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?