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

@H_301_1@我为我的网页修改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);
}

相关文章

操作步骤 1、进入elasticsearch的plugin,进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
lengend data数据中若存在&#39;&#39;,则表示换行,用&#39;&#39;切割。
代码实现 option = { backgroundColor: &amp;#39;#080b30&amp;#39;, tooltip: { trigger: &...
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
前言 最近做了一个调查问卷导出的功能,需求是将维护的题目,答案,导出成word,参考了几种方案之后,选...
对于很多人来说,用字符编码都是熟能生巧,而不清楚为什么是那样的字符编码,所以我在这列了一个表,翻...