首頁 >web前端 >css教學 >我可以使用 CSS 設定 HTML 頁面的列印邊距嗎?

我可以使用 CSS 設定 HTML 頁面的列印邊距嗎?

DDD
DDD原創
2024-11-09 01:24:02692瀏覽

Can I Set Print Margins for HTML Pages Using CSS?

列印HTML 頁面時設定頁邊距

列印HTML 頁面時,您可能需要調整左右頁邊距以確保列印輸出一致到印表機定義的邊距。

是否可以設定列印邊距CSS 樣式表?

是的,您可以在 CSS 樣式表中使用公分或毫米單位設定頁邊距。例如:

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

使用 cm 或 mm 可確保紙張上的邊距尺寸一致,無論螢幕解析度為何。

其他注意事項:

  • 字體大小: 列印時使用「pt」單位表示字體大小媒體。
  • 瀏覽器邊距調整:瀏覽器邊距設定(由瀏覽器或列印驅動程式控制)可能會覆蓋 CSS 邊距。您可以使用 @page 指令停用頁首、頁尾和邊距等瀏覽器列印選項。
  • Internet Explorer 調整: IE7 及更高版本會自動調整頁邊距以適合內容。若要覆蓋此設置,請在列印預覽中將列印尺寸設為 100%。
  • @page 指令: 使用 @page 指令設定 HTML body 元素外部的邊距,進而影響紙張邊距本身。但是,此指令可能無法在 Safari 中運作。

使用 body 和 @page 指令的範例:

<code class="css">body {
  margin: 0px;  /* Margin for content within the HTML body */
}

@page {
  size: auto;
  margin: 25mm 25mm 25mm 25mm;  /* Margin for paper outside the body */
}</code>

以上是我可以使用 CSS 設定 HTML 頁面的列印邊距嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn