如何使用css打印页码

Question

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

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

这是我的代码。

.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);
    }
}

如下所示：

Browser Support for CSS Page Numbers