2014-08-27 1157 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