如何設定列印 HTML 頁面的邊距？

如何在列印HTML 頁面時設定頁邊距

使用單獨的樣式表列印時，調整頁邊距至關重要紙上的最佳呈現。然而，如何在樣式表中正確設定邊距並不總是很清楚。為了確保邊距一致，在指定列印時必須使用公分 (cm) 或毫米 (mm) 等絕對單位。

例如，將文件各邊的邊距設定為25 毫米：

body {
  margin: 25mm 25mm 25mm 25mm;
}

請注意，使用像素作為邊距可能會導致不一致，因為瀏覽器會將它們轉換為基於螢幕的

對於字體大小，請在列印媒體中使用點(pt)。

需要注意的是，在 CSS 樣式中設定 body 元素的邊距不會影響由印表機驅動程式或瀏覽器。它調整可列印區域內文件的頁邊距。

要完全控制列印頁邊距，請使用 @page 指令設定紙張頁邊距。這會影響 HTML body 元素之外的邊距，並且通常由瀏覽器控制。

以下是使用 @page 指令的範例：

@page {
    size: auto;
    margin: 25mm 25mm 25mm 25mm;
}

body {
    margin: 0px;
}

此技術適用於 Safari 以外的所有主要瀏覽器。在 Internet Explorer 中，使用者可以在列印預覽設定中調整頁邊距。

此外，請注意，IE7 會自動調整列印尺寸以適合頁面，這可能會破壞配置的頁邊距。使用者必須在列印預覽中將列印尺寸設為 100% 才能覆寫此行為。

以上是如何設定列印 HTML 頁面的邊距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！