使用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打印出您想要的內容