2014-08-27 381 views
0

打印時,我想在每頁中打印頁碼。如何使用css打印頁碼

我想通過關閉瀏覽器打印預覽設置來實現此目的。

這是我的代碼。

.rptFooter { 
    counter-reset: footerNum; 
} 

.rptFooter:after { 
    counter-increment: footerNum; 
    content: "Page " counter(footerNum) " of " counter(footerNum) ; 
} 

我在每一個頁面讓

第1頁1

+0

可以ou發佈[小提琴](http://jsfiddle.net/)? – 2014-08-27 19:20:48

+0

你解決了嗎? – Riskbreaker 2014-09-17 14:40:42

+0

試試這個:[如何編號打印頁?](http://stackoverflow.com/a/43768942/6557304) – 2017-05-04 13:29:59

回答

1

正在嘗試使用默認基地:

@page { 
    counter-increment: page; 
    counter-reset: page 1; 
    @top-right { 
     content: "Page " counter(page) " of " counter(pages); 
    } 
} 

正如在這裏看到:

Browser Support for CSS Page Numbers

+0

我試過相同的代碼..但它沒有工作... – 2014-08-27 20:03:50

+0

從頁面0開始默認看看提供的鏈接 – Riskbreaker 2014-08-27 20:13:51