html – 使用CSS打印可打印文档的总页数指示器？

我为我的网页修改了 a CSS page-numbering solution.

它会自动显示“Page 1”,“Page 2”等.我希望它显示“第1页,共5页”,“第2页,共5页”等.

这是my current example code：(Demo)

@media print {
  thead span.page-number:after {
    counter-increment: page;
    content: "Page " counter(page) " of ?";
  }
}

HTML :(原谅我使用表格,而不是CSS显示：table-header-group)

<table>
  <thead>
    <tr>
      <td>
        <span class="page-number"></span>
      </td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        ..............................................................
      </td>
    </tr>
  </tbody>
</table>

有没有办法添加总页数来代替我？

我只对Firefox或Chrome的最新版本感兴趣.

到目前为止,我目前的解决方案是使用服务器为每页创建一个元素,但要以这种方式获得最佳页面分解要困难得多. < thead>解决方案要简单得多.

解决方法

您可以使用计数器(页面).这是一个例子

thead span.page-number:after {
    counter-increment: page;
    content: "Page " counter(page) " of " counter(pages);
}

原文地址：https://www.jb51.cc/html/225413.html