如何在使用CSS或javascript/jquery打印文檔時添加頁碼

Question

我想在打印文檔時添加頁碼，並且在其上搜索並發現我們可以使用CSS來實現此目的。爲此，我們需要使用@page css屬性。所以我下面的代碼添加

@page { 
    /*margin-top: 15mm;*/ 
    margin-bottom: 25mm; 
    margin-left: 30mm; 
    margin-right: 30mm; 

    @bottom-center { 
    counter-increment: page; 
    counter-reset: page 1; 
     content: "page " counter(page); 
    } 
} 

但我面臨的一個問題，上述性質的所有應用，但我的頁碼不顯示。我不知道爲什麼會發生。

任何人都可能面臨同樣的問題？或任何人都知道解決方案，請幫助解決這個問題。

Answer 1

你可以試試這個，

內容：計數器（頁）

@page { 
    @bottom-left { 
     content: counter(page); 
    } 
}