计算HTML中的页数

Question

我有一个非常大的HTML屏幕，当你打印时，打印超过16页，所以在打印预览中你可以看到分页符。我试图像这样显示页码：Y的页面

所以显示总页数中的页码，我试图在我创建的页脚中显示这个，见下文

<div id="footer">
            <p>Page X of Y</p>
</div>

但是我可以使用CSS或JavaScript来实现这一目标吗？例如。一种计算分页符的方法吗？

我已经尝试了

@page {
 @bottom-right {
    content: "Page " counter(page);
  }

}

但这不起作用，因为它有浏览器兼容性问题。

Answer 1

当有人想要打印文档时，他可以选择在打印设置菜单中显示Y的页面X.我不建议您自己使用css或js添加它，它将重叠已经以正确方式执行此操作的打印脚本。