使用CSS或JavaScript计算分页符数

Question

我有一个很大的HTML屏幕，当您打印时，它可以打印16页以上，因此在“打印预览”中您可以看到分页符。 我试图显示这样的页码：Y的第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打印出您想要的内容