CSS: начните нумерацию страниц с 2 вместо 1

В CSS с помощью:

@page { @top-right { content: "Page " counter(page) " of " counter(pages); } }

Я могу отображать номера страниц вверху каждой страницы, когда страница распечатывается. Это прекрасно работает. Но теперь, как мне сделать так, чтобы номер страницы начинался с 2 вместо 1? Могу ли я сделать это, изменив приведенное выше правило CSS?

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
4
0
7 508
6
Перейти к ответу Данный вопрос помечен как решенный

Ответы 6

Не знаю, работает ли это, но почему бы вам не попробовать counter(page+1)?

К сожалению, это не работает. Я использую летающую тарелку (xhtmlrenderer.dev.java.net).

avernet 05.11.2008 22:41

Немного поиграв с летающей тарелкой, я думаю, что нет способа сделать это с помощью CSS (или это очень сложно), поскольку «page» / «pages» кажутся внутренними переменными CSS. Возможно, с CSS 3 станет лучше, похоже, есть функция calc (), поэтому counter (calc (page + 1)) может работать возможно ...

Но есть другой способ получить PDF-файл, начинающийся со страницы 2. Вы можете добавить пустую первую страницу в PDF-файл, добавив эту строку в файл xhtml:

<h1 style = "page-break-before:always"></h1>

Затем вы можете либо распечатать только страницы 2 -... PDF-файла при использовании принтера, либо удалить первую страницу из PDF-файла с помощью какого-либо редактора PDF.

Ответ принят как подходящий

Если вы используете летающую тарелку (как в моем случае), используйте следующий CSS:

table { -fs-table-paginate: paginate; }

Отлично работает. И летающая тарелка качается :). Действительно очень рекомендуется.

Вы видели документацию CSS о счетчиках? глянь сюда Мне кажется, счетчик можно вызвать сбросом. По умолчанию счетчики установлены на 0. Если в теге Body вы выполнили «content-reset: page 1;» тогда он должен заставить первую страницу начинаться с 2 вместо 1.

Пытаться:

@page {
    counter-increment: page;
    counter-reset: page 1;
    @top-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}

использование page 1 сбросит начальную точку счетчика. Вы можете использовать любое целое число, чтобы начать отсчет. По умолчанию - 0.

Публикация для кого-то еще, просматривающего эту страницу. Вы также можете посмотреть другой пост stackoverflow, представленный ниже. Это сработало для меня.

летающая тарелка - количество страниц с помощью css

.seq-start{
    -fs-page-sequence: start;
}

Другие вопросы по теме