從window.print() 操作中排除頁眉和頁腳
遇到包含頁面標題、檔案路徑、頁碼和使用window.print() 列印日期可能會令人沮喪。嘗試透過列印樣式表解決此問題可能是徒勞無功的,需要替代解決方案。
在 Chrome 中,可以透過以下方式抑制這些自動化元素:
@page { margin: 0; }
這允許內容擴展到頁面邊緣,消除預設的頁眉和頁腳。然而,在 body 元素中建立適當的邊距和填充以防止內容超出頁邊距至關重要。
另一種方法是:
@media print { @page { margin: 0; } body { margin: 1.6cm; } }
雖然此方法提供了邊距,它面臨一個限制:如果內容跨越多個頁面,邊距可能不一致。第一頁保留 1.6 公分的上邊距,最後一頁保留 1.6 公分的下邊距,中間頁沒有邊距。
或者,考慮即時建立 PDF 並直接列印。然而,這種方法引入了額外的複雜性。
以上是如何從 Chrome 中的「window.print()」輸出中刪除頁首和頁尾?的詳細內容。更多資訊請關注PHP中文網其他相關文章!