如何制作頁眉和頁腳而不重復打印N頁？

Question

我正在努力在每個打印頁面上重復頁眉和頁腳。 沒有問題必然是一張桌子，大多數人都喜歡，有人知道該怎么做？ 我不知道它會有多少頁，可以是n頁。

嘗試： jsfiddle.net/7ZGVv/111

Answer 1

好吧，因為似乎沒有人認為它是一個重復，我會在這里發布代碼來證明它。 請參閱此處的工作示例http://ab-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>之間添加了一個分頁<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不支持打印頁面頁眉和頁腳。 您可以使用以下方法進行模擬：

• 表
• 固定位置塊

此解決方案在不同的瀏覽器中有每個錯誤和警告。

請參閱： 如何使用HTML在文檔的每個打印頁面上打印頁眉和頁腳？