Я попытался поиграть с @page
и counter(page)
функциями CSS3, но я не вижу никаких номеров страниц, добавленных в вывод печати. Независимо от того, что я делаю, похоже, что это просто не работает.Номера страниц CSS не работают
Моя леска выглядит следующим образом:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
@page {
counter-increment: page;
counter-reset: page 1;
@top-right {
content: "Page " counter(page) " of " counter(pages);
}
}
</style>
<head>
<body>
<div>
Lorem ipsum dolor...
/* this gets long, 2 pages of text */
</div>
</body>
</html>
Путь я тестирую на это является то, что я открываю страницу в браузере, выводя его в файл PDF и в конце концов я, проверяющего содержание. В разных браузерах вывод немного отличается, но нигде я не вижу правильных номеров страниц.
ОС: Linux Mint
браузеры: Chromium 25.0.1364.160, Firefox 20.0.1, Opera (последняя из менеджера пакетов)
Любые идеи?
Вам не нужно было получать 'counter-reset: page 1' из декларации' @ page'? В противном случае он переустанавливает номер страницы для каждой страницы. – Juanjo
Я переместил этот стиль в '
', но это не помогло. Ничего не отображается в разделе «top-right» –Счетчик страниц автоматически создается и увеличивается, если ваш браузер поддерживает css3-страницы, что, насколько я могу судить, - ни один из них. – dsas