Как распечатать номер страницы в @media print?

Question

Я хочу показать номера страниц во время печати. Я могу получить номера страниц, используя счетчик, но я не могу найти способ показать это любым надлежащим образом на каждой странице.

Я следовал за этим. но это не работает. Проверено на Firefox и Chrome.

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

удачи