Номера страниц с CSS/HTML

Question

Для нас появился интересный вариант использования, мы требуем, чтобы при печати веб-сайта печатная копия имела верхний и нижний колонтитулы, а внутри нижнего колонтитула - номер страницы.

У кого-нибудь есть идеи, как этого добиться?

Примечание: версия браузера может быть самой последней, клиенты - другие веб-разработчики.

Answer 1

В зависимости от вашей необходимой поддержки браузера.

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

Дальнейшее чтение:

• http://www.w3.org/TR/css3-page/
• http://www.intelligrape.com/blog/2010/08/20/add-page-number-using-page-property-of-css/
• http://www.princexml.com/doc/6.0/page-numbers/

Answer 2

На http://www.princexml.com/howcome/2007/xtech/papers/output/0082-32/index.xhtml есть тестовая страница, которая включает код содержимого @page в свой файл css. Я не мог заставить его работать в текущих версиях IE, Chrome или Firefox.

Answer 3

Нигде не поддерживал ~ U может это сделать: 1.используйте Firefox, введите здесь описание изображения, настройте стиль номера страницы, затем, если вы печатаете многослойные страницы, номер страницы там есть ~ autoincrement~ IE также может это сделать, но вы знаете... просто используйте window.print ();

2. мы используем это в Китае: Lodop, но, кажется, нет описания на английском языке об этом ~ http://www.c-lodop.com/LodopDemo.html

надеюсь, что это может кому-нибудь помочь, если у вас есть лучшие решения, поделитесь с нами плз, спасибо, вы можете поддерживать поля полей и счетчик