使用「window.print()」時如何消除不需要的頁首和頁尾？

如何在window.print() 抑制頁首和頁尾

呼叫window.print() 列印網頁時，不需要的頁首並且可能會出現頁腳，顯示頁面標題、檔案路徑、頁碼和日期。本指南示範如何消除這些額外元素。

解決方案：

在Chrome 中，利用CSS 規則@page 隱藏自動頁眉和頁腳：

@page {
  margin: 0;
}

隨著內容擴展到頁面邊界，列印頁首和頁尾變得多餘。但是，請確保在 body 元素上指定邊距或填充，以防止內容擴展到頁面邊緣之外。印表機通常不支援無邊距列印，因此請考慮以下事項：

@media print {
  @page {
    margin: 0;
  }
  body {
    margin: 1.6cm;
  }
}

但是，如果內容跨越多個頁面，則列印佈局可能會因邊距不均勻而出現扭曲。第一頁的上邊距為 1.6 厘米，最後一頁的下邊距為 1.6 厘米，中間頁沒有邊距。

儘管在撰寫本文時此解決方案在 Chrome 中有效（5 月） 2013），其他瀏覽器的兼容性有所波動。如果需要支援其他瀏覽器，請考慮動態產生 PDF 並列印它。

以上是使用「window.print()」時如何消除不需要的頁首和頁尾？的詳細內容。更多資訊請關注PHP中文網其他相關文章！