使用CSS或JavaScript计算分页数

Question

我有一个非常大的HTML屏幕，当你打印时，打印超过16页，所以在打印预览中你可以看到分页符。我想显示如下页码： 第X页

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

        <!--New Footeer-->
<div id="footer">
                <p>Page X of Y</p>
</div>
<!--End New Footer-->

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

Answer 1

试试这个：

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

这将使用CSS打印出您想要的内容