使用 css 打印页数和总页数

Question

我有一个 table，它填充了动态数据，为了在打印时处理它，我应用了一些分页符，一切正常，但我需要显示像“Page 这样的分页1 of 3" 等打印时每页下方。我试过 css 但我只能用它打印当前页码。还有其他方法可以实现吗？？ 这是我的代码

   body {
        counter-reset: page;
    }
    .page-count:after {
        counter-increment: page;
        content: "Page " counter(page) " of " counter(pages);
    }

Answer 1

你试过这个吗：

@page {
   @bottom-right {
    content: counter(page) " of " counter(pages);
   }
}