如何使用單獨的樣式表控制 HTML 列印中的邊距？

HTML 列印中的邊距控制

自訂HTML 頁面的列印佈局時，必須控制邊距以確保正確的格式在紙上。本題探討使用專門用於列印的單獨樣式表來設定左右邊距。

為了在列印時實現精確的邊距控制，使用公分 (cm) 或毫米 (mm) 等絕對單位至關重要。另一方面，由於瀏覽器的解釋，像素可能會導致邊距不一致。因此，如下指定邊距可確保一致性：

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

同樣，對於字體大小，建議列印媒體使用磅 (pt)。

需要注意的是，設定使用 CSS 的邊距不會改變印表機驅動程式的邊距設定或瀏覽器的受控邊距。相反，它會調整文件可列印區域內的邊距。

為了更靈活地定義紙張邊距，請考慮使用 @page 指令。這種方法會影響 HTML body 元素之外的邊距，從而可以精確控制列印輸出。以下是一個範例：

<code class="css">@page {
  size: auto;
  margin: 25mm 25mm 25mm 25mm;
}

body {
  margin: 0px;
}</code>

但是，值得一提的是，舊版的 Internet Explorer 可能會自動調整列印尺寸，從而可能會破壞邊距設定。為了防止這種情況，使用者應在列印預覽中將列印尺寸指定為 100%。

以上是如何使用單獨的樣式表控制 HTML 列印中的邊距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！