使用css打印页数与总页数

yas*_*ser 8 css webpage count

我有一个表格,其中填充了动态数据并处理打印我已经应用了一些分页符一切正常,但我需要在打印时显示每页下面的" 第1页3 "等分页.我试过用css但我只能用它打印当前的页码.有没有其他方法来实现它?这是我的代码

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

Edm*_*ake 10

你试过这个:

@page {
   @bottom-right {
    content: counter(page) " of " counter(pages);
   }
}
Run Code Online (Sandbox Code Playgroud)

  • 目前不适用于任何主要浏览器。:) (4认同)
  • 您知道目前有支持此功能的浏览器吗?我测试了Chrome和Firefox,但是没有结果。还是只有特殊的用户代理(例如Prince)才能使用此解决方案? (2认同)
  • 我正在使用“Weasyprint”从我的 django 应用程序生成 pdf 表,这很有效。谢谢。我在“Chrome”中渲染了同一张表,以查看页码是否显示,但“Chrome”甚至不会对输出进行分页。所以我不能确定它是否适用于浏览器。但它确实对我有用 `WeasyPrint==0.42.2` (2认同)