如何设置打印 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中文网其他相关文章！