Я прочитал много веб-сайтов о печати номеров страниц, но все же я не мог отобразить его на моей странице html при попытке распечатать его.
Итак, следующий код CSS:
@page {
margin: 10%;
@top-center {
font-family: sans-serif;
font-weight: bold;
font-size: 2em;
content: counter(page);
}
}
Я попытался установить правило этой страницы внутри
@media all {
*CSS code*
}
И вне его попытался поместить его в @media print
, но ничто не помогло мне отображать номера страниц на моей странице. Я пытался использовать FireFox и Chrome (на основе WebKit, как вы знаете). Я думаю, проблема в моем коде html или css. Может ли кто-нибудь показать мне пример реализации этого правила @page
на большой странице html с несколькими страницами? Мне просто нужен код html-страницы и код css файла, который работает.
Постскриптум У меня есть последние поддерживаемые версии браузеров.