首頁 > web前端 > css教學 > 使用 window.print() 列印文件時如何消除頁首和頁尾?

使用 window.print() 列印文件時如何消除頁首和頁尾?

Susan Sarandon
發布: 2024-12-09 18:45:11
原創
857 人瀏覽過

How Can I Eliminate Headers and Footers When Printing Documents Using window.print()?

使用window.print() 消除列印文件中的頁首和頁尾

window.print() 函數的預設行為包括列印顯示與頁面相關的資訊(如標題、路徑、編號和日期)的頁首和頁尾。刪除這些元素可以增強列印美觀度。

在嘗試使用列印樣式表抑制頁首和頁尾時,您遇到了困難。存在解決此問題的有效解決方案。

在Google Chrome 中,您可以將以下程式碼合併到CSS 中來停用自動頁首/頁尾:

透過將邊距設定為零,列印內容無縫延伸到頁面的限制,無需頁首或頁尾。為了防止內容到達頁面邊緣,請在body 元素中指定適當的邊距和填充:

警告:在處理需要多個頁面的多部分內容時,此方法可能會導緻美觀缺陷。只有第一頁和最後一頁會有預期的邊距,而中間頁將缺少頂部和底部邊距。

此解決方案雖然在本答案發佈時(2013 年 5 月)在 Chrome 中有效,但可能需要進一步測試與其他瀏覽器的兼容性。如果跨瀏覽器支援至關重要,那麼動態生成 PDF 並列印它(可能使用嵌入式自列印 JavaScript)仍然是一種可行但勞動密集的替代方案。

以上是使用 window.print() 列印文件時如何消除頁首和頁尾?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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