首頁 > web前端 > css教學 > 如何從 Chrome 中的「window.print()」輸出中刪除頁首和頁尾?

如何從 Chrome 中的「window.print()」輸出中刪除頁首和頁尾?

Linda Hamilton
發布: 2024-12-11 07:45:11
原創
265 人瀏覽過

How Can I Remove Headers and Footers from `window.print()` Output in Chrome?

從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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板