css 打印页边距设置

CSS 打印页边距设置 在网页打印时，通常需要调整页面边距以使内容适合打印纸张。在 CSS 中，我们可以使用 @page 规则来设置打印页面的页边距。 @page 规则以 @page 开头，后跟页面属性的声明。例如，设置页面边距可以使用以下代码：

@page {
  margin: 2cm;
}

在上面的代码中，我们将页面边距设置为 2 厘米。注意，这将在所有页面上设置相同的边距。 如果需要设置不同的页边距，可以使用 :first、:left 和:right 伪类来分别设置多个页面的页边距。例如，下面的代码将第一页的页边距设置为 2 厘米，左侧边距设置为 3 厘米，右侧边距设置为 4 厘米：

@page :first {
  margin-top: 2cm;
  margin-left: 3cm;
  margin-right: 4cm;
}

此外，我们还可以设置打印时的页眉和页脚内容以及样式。下面是一个简单的例子，设置打印时的页眉内容和样式：

@page {
  margin: 2cm;
  @top-center {
    content: "My Header";
    font-size: 12px;
  }
}

在上面的代码中，我们将页边距设置为 2 厘米，并在顶部中心添加了“My Header”页眉，字体大小为 12px。 总之，使用 CSS @page 规则可以轻松地设置打印页边距和页眉页脚内容和样式，使打印出来的页面更整洁美观。