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