使用CSS或JavaScript计算分页符的数量

Using CSS or JavaScript to count number of page breaks

本文关键字：分页 计算 CSS JavaScript 使用      更新时间：2023-09-26

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

因此，显示总页数中的页码，我正试图在我创建的页脚中显示这一点，请参阅下面的

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

但是，在CSS或JavaScript中有没有一种方法可以用来实现这一点？例如，一种计算分页符的方法？

试试这个：

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

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

相关文章：