打印时使用css在每页上重复页眉

在打印时使用CSS在每页上重复页眉，可以通过CSS的@page规则来实现。@page规则用于定义打印文档时的页面样式。

首先，需要在CSS样式表中定义一个@page规则，并设置其属性为"size: auto"，表示页面大小自动适应打印纸张的大小。

然后，在@page规则中使用"margin"属性来设置页边距，以确保页眉能够适应打印纸张的边缘。例如，可以设置"margin-top"属性为合适的数值来留出空间放置页眉。

接下来，使用CSS的"content"属性在@page规则中定义页眉的内容。可以使用伪元素"::before"或"::after"来插入页眉内容，并设置其"content"属性为所需的文本或图像。

最后，通过CSS的"position"和"top"属性来控制页眉的位置。可以将页眉固定在页面的顶部，使其在每页上重复显示。例如，可以设置"position: fixed"和"top: 0"来实现。

以下是一个示例的CSS代码：

@page {
  size: auto;
  margin-top: 20mm;
}

@page::before {
  content: "这是页眉内容";
  position: fixed;
  top: 0;
}

在上述示例中，"margin-top"属性设置为"20mm"，留出20毫米的空间放置页眉。"content"属性设置为"这是页眉内容"，表示页眉的文本内容。"position"属性设置为"fixed"，将页眉固定在页面顶部。"top"属性设置为"0"，使页眉紧贴页面的顶部。

需要注意的是，不同浏览器对@page规则的支持程度可能有所不同，因此在实际应用中可能需要进行兼容性处理。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。

• 腾讯云云服务器（CVM）：提供了弹性、安全、稳定的云服务器实例，可满足各种规模和业务需求。详情请参考：腾讯云云服务器（CVM）
• 腾讯云云函数（SCF）：无需管理服务器，按需运行代码的事件驱动型计算服务。可用于处理打印时生成页眉的逻辑。详情请参考：腾讯云云函数（SCF）