飞碟和css的分页计数

Question

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

我的要求是在标题

中显示部分页数

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

我尝试使用下面的计数器

{{1}}

#page是在新部分

的每个开头都会出现的元素

这样做，我从未看到计数器被新部分重置。

似乎反重置不适用于飞碟，这就是我在某处读到的内容。

任何人都可以告诉我，实现这一目标的最佳途径是什么？

Answer 1

由于counter-reset无法正常使用Flying-sacuer，我找到了一个简单的解决方法。希望这会有助于其他人

正如我的问题所述，我的文档中有多个正在运行的标题（分段标题）。我为每个截面标题创建一个单独的计数器并单独递增它们。

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

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

这完全按我想要的方式工作。