带飞碟和 css 的分页数

Question

我正在使用飞碟从 Web HTML 生成 PDF 报告。我的报告包含多个部分，每个部分可能会或可能不会占用报告中的多个页面

我的要求是在 Header

中显示版块页数

-----------HEADER-----------
     My Fancy Report
     First Section (Page 1)
-----------------------------
.
. First Section (conitinued)
.
-----------HEADER-----------
     My Fancy Report
     First Section (Page 2)
-----------------------------
.
. First Section (Completed)
.
 -----------HEADER-----------
     My Fancy Report
     Second Section (Page 1)
-----------------------------
.
. Second Section 
.

我尝试使用如下计数器

header { counter-increment: myCounter; }
header:after{content: ' (Page ' counter(myCounter) ')' ;}
#page{ counter-reset: myCounter; }

#page 是一个元素，它出现在新部分的每个开始处

这样做，我从未见过用新部分重置计数器。

似乎 counter-reset 不适用于 flying-saucer，这是我在某处读到的内容。

谁能告诉我实现此目标的最佳方法是什么？

Answer 1

由于 counter-reset 无法与 Flying-sacuer 一起正常工作，我找到了一个简单的解决方法。希望这对其他人有帮助

如我的问题所述，我的文档中有多个运行 Headers（部分 header）。我为每个 header 部分创建一个单独的计数器并独立递增它们。

#sectionOneHeader{ counter-increment: sectionOneCounter; }
#sectionOneHeader:after{ content: ' (Page ' counter(sectionOneCounter) ') '; }

#sectionTwoHeader{ counter-increment: sectionTwoCounter; }
#sectionTwoHeader:after{ content: ' (Page ' counter(sectionTwoCounter) ') '; }

这完全符合我的要求。

带飞碟和 css 的分页数

Sectional page count with flying saucer and css

html

css

java

pdf

flying-saucer