css 印刷 页边距

CSS 印刷样式中的页边距是指在打印页面时，设定页面的边框距离纸张边缘的距离，使内容排版更加美观、整齐。

在 CSS 中设置页边距可以通过在 @page 中定义 margin 或者 padding 实现。其中 margin 是该元素外部留白区域距离其所属容器之间的距离， padding 是该元素内部留白区域距离其所属容器之间的距离。

  @page {
        margin: 2cm 3cm;
       /* 上下为 2cm，左右为 3cm */    padding: 1cm 0.5cm;
 /* 上下为 1cm，左右为 0.5cm */  }

在以上代码中，我们设置了上下 2cm、左右 3cm 的 margin，以及上下 1cm、左右 0.5cm 的 padding。可以使用 @page 定义全局的页边距，也可以在单独的元素中使用类似于下面的代码定义特定的页边距：

  div {
        margin: 0;
        padding: 2cm 1cm;
        page-break-before: always;
  }
    

在这个样式中，我们给 div 元素设置了上下 2cm，左右 1cm 的 padding，并在页面中每个 div 元素之前插入了一个 page-break 实现分页效果。

CSS 印刷样式可以使我们更好地掌控页面的排版效果。通过设置合适的页边距，能够让打印效果更加统一、美观。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！