使用css打印页数和总页数

Question

我有一个填充了动态数据的表格，为了在打印中处理它，我对其应用了一些分页符，一切正常，但我需要显示像“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);
   }
}