如何使用css打印页码

我想在打印时在每页打印页码。

我想通过关闭浏览器打印预览设置来实现这一点。

这是我的代码。

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

我进入每一页

第1页，共1页

Answer 1

尝试使用默认基数：

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

如下所示：

浏览器支持CSS页码