打印时不同headers

Different headers when printing

我需要将多个 HTML 文件导出到一个 PDF 文件中。 我正在使用@page 规则来应用 header.

我需要:

我尝试了什么:

我知道 @page:first@page:last,但希望能够为中间的每个页面应用不同的样式。

我找到了解决方案!

您可以在命名页面上指定一些内容:

@page A { @top-left { content:"..." } }

div-A { page: A; }

<div-A> Content that has a specific header </div-A>

不要忘记应用一些规则,例如 "page-break-after: always"