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