列印 HTML 文件時如何控制頁邊距？

控制列印HTML 文件的頁邊距

列印HTML 頁面時，通常需要控制頁邊距以確保紙張上的格式正確。然而，在傳統樣式表中設定邊距可能不會達到預期的效果。

如何指定列印邊距

要專門為列印輸出指定邊距，它是建議使用公分 (cm) 或毫米 (mm) 等單位來取代像素。瀏覽器對像素的轉換方式不同，在紙上可能不會產生一致的結果。為了保持一致性，請使用以下程式碼：

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

注意：這不會調整印表機的可列印區域或瀏覽器控制的邊距。

字體大小在列印中

對於字體大小，請使用點(pt) 而不是列印介質中的像素：

<code class="css">p {
  font-size: 10pt;
}</code>

使用@page 指令控制邊距

要完全控制列印邊距，包含HTML 正文以外的邊距，請使用@page 指令：

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

此方法會影響印表機的邊距設置，但使用者仍可在列印預覽。

瀏覽器注意事項

請注意，某些瀏覽器（例如​​IE7 及更高版本）會自動調整頁大小以實現最佳適配，這可能會導致列印輸出失真。若要覆蓋此設置，使用者應選擇「列印預覽」並將列印尺寸設為 100%。

相關資源

有關停用瀏覽器列印選項的進一步討論，請參閱以下回應：https://stackoverflow.com/questions/3780990/disabling-browser -print-options-headers-footers-margins-from-page

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