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: pa 我为我的网页修改了 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-@R_403_5548@-group)

<table>  <thead>    <tr>      <td>        <span ></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);}

总结

以上是内存溢出为你收集整理的html – 使用CSS打印可打印文档的总页数指示器？全部内容，希望文章能够帮你解决html – 使用CSS打印可打印文档的总页数指示器？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。