带有动态分页符的打印页码

Question

我在页面上有动态内容。 这是各种“段落”的列表，我有一个 CSS 规则：

.paragraph-container{
    page-break-inside: avoid;
  }

我需要在打印时在页脚中显示页码，但它们是动态的，因为内容可以是各种长度。 我似乎找不到合适的组合，因为我不知道该用什么作为我的增量。

对于打印的页脚，我尝试了类似

#page-counter:after{
    counter-increment: page;
    content: counter(page);
  }

但这每次只给我第 1 页。 关于如何做到这一点或是否有可能的任何想法？ 谢谢！