如何在@media打印中打印页码

Question

我想在打印时显示页码。我能够使用计数器获取页码，但我想不出一种在每一页中以任何正确方式显示它的方法。

我跟着这个。但它不起作用。已检查火狐和铬。

https://developer.mozilla.org/en-US/docs/Web/CSS/@page

@page {
    @top-right {
        counter-increment: page;
        content: counter(page);
    }
}

Answer 1

试试这个确保先更新浏览器，然后编写以下代码虽然这是用于页脚，但您也可以将其调整为适用于右上角

 @content {
 display: table;
 }
 @pageFooter {
 display: table-footer-group;
 }
 @pageFooter:after {
 counter-increment: page;
 content: counter(page);
 }

您可以为右上角创建类，如下所示

 @topright {
 position: absolute;
 top: 8px;
 right: 16px;
 font-size: 18px;
 }

祝你好运