CSS: начать нумерацию страниц с 2 вместо 1 - PullRequest
4 голосов
/ 05 ноября 2008

В CSS, с:

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

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

Ответы [ 5 ]

3 голосов
/ 12 декабря 2012

Попробуйте:

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

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

3 голосов
/ 13 ноября 2008

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

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

Это работает как шарм. И Летающая тарелка качается :). Очень рекомендуется.

2 голосов
/ 14 сентября 2009

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

2 голосов
/ 08 ноября 2008

Немного поиграв с Flying Saucer, я думаю, что нет способа сделать это с помощью 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.

0 голосов
/ 05 ноября 2008

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

...