Html 使用CSS在<；上添加总页数指示器；thead>；可打印文件的格式？

我修改了我的网页

它会自动显示“第1页”、“第2页”等。我希望它显示“第1页，共5页”、“第2页，共5页”等

这是：（）

HTML：（请原谅我使用了表格，而不是CSS

display:table header group

）

..............................................................

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

？

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

---

到目前为止，我目前的解决方案是使用服务器在每页创建一个元素，但要以这种方式获得最佳的分页效果要困难得多。

解决方案要简单得多。

虽然不是一个纯粹的CSS答案，但使用一点javascript，并假设每个新页面/断点都由一个div/span/td或其他HTML实体表示，每个实体中都包含一个“公共类名”。你可以这样得到总页数

<div class="xxx"></div>
<div class="xxx"></div>
<div class="fff"></div>
<div id="footer">
<script type="application/javascript">
aaa = document.getElementsByClassName("xxx").length;
document.write(aaa);
</script>
</div>

aaa=document.getElementsByClassName（“xxx”）.长度；
文件编写（aaa）；

在上面的示例中，这将在脚本插入时产生输出到浏览器的数字2，因为脚本统计xxx在文档上任何元素中作为类出现的次数。

您可以使用计数器（页面）。这是一个例子

thead span.页码：之后{
计数器增量：第页；
内容：“第页”计数器（第页）或“第页”计数器（第页）；
}

能否为网站中的每个页面创建一个元素？因此，一个有3个页面（主页、关于、联系人）的站点会在每个页面上创建一个无序列表，每个页面都有一个li。然后可以在这些元素上使用计数器增量。我能想到的最好的方法是：）这个列表实际上也可以成为用户方便的网站地图：）事实上，我正在使用的网页是一个可打印的公司文档。你的评论似乎偏离了这个问题的主题。对不起。：）到目前为止，我所看到的，只能在计算完所有元素后给出元素的总数。这很奇怪。它适用于第1页，但不适用于其余页面。理论上，应该能够使用position:fixed元素作为总页数。由于对准困难，它不是最佳的，它的效用有限。我会发布一个示例，但是。对不起，这是一个错误的答案，因为只涉及一个元素。元素在每个页面上重复，因为它位于

中，但仍然只有一个元素<代码>长度总是

1

。对我来说不起作用。请注意，这是我在发布的中尝试的。

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

<div class="xxx"></div>
<div class="xxx"></div>
<div class="fff"></div>
<div id="footer">
<script type="application/javascript">
aaa = document.getElementsByClassName("xxx").length;
document.write(aaa);
</script>
</div>