HTML设置打印边距方法【参考】

本文详解了HTML打印边距设置的核心原理与实操要点：必须使用独立的`@page`规则（而非`body`的margin）在外部CSS文件中定义物理纸张边距，单位须用mm或cm；同时需配合`@media print`隐藏非内容元素、开启打印颜色、控制分页，并警惕不同浏览器及打印机驱动对`@page`解析的差异——仅靠打印预览不可靠，真实出纸测试才是关键。

打印边距和屏幕显示边距是两套规则，直接给 body 设 margin 对打印无效。 浏览器打印时用的是 CSS Paged Media 规范，必须用 @page 规则控制物理纸张边距。

为什么 body { margin: 0 } 在打印预览里没用

因为 body 的 margin 只影响屏幕渲染流中的元素位置，不作用于纸张的物理边界。打印引擎（如 Chrome 的 Blink 或 Paged.js）把整个文档内容装进一个“页面盒”（page box），这个盒子的边距由 @page 独立定义，和 DOM 元素无关。

• 你在打印预览里看到顶部大片空白，大概率是 @page 默认上边距（通常 15–25mm）在起作用
• 哪怕清空了所有元素的 margin 和 padding，只要没覆盖 @page，空白照旧
• 部分浏览器（如 Firefox）对 @page 支持较弱，建议用 Chrome 或 Edge 验证

@page 边距设置必须写在 CSS 文件里，不能内联

HTML 中的