如何使用单独的样式表控制 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中文网其他相关文章！