Отображение другого заголовка на первой печатной странице с HTML и CSS - PullRequest
Новая
       23

Отображение другого заголовка на первой печатной странице с HTML и CSS

1 голос
/ 21 июня 2011

Возможно ли при любом сочетании HTML и / или CSS отображать один заголовок на первой напечатанной странице, а затем отображать отдельный заголовок на каждой последующей печатная страница? Я знаю о теге @media print CSS, который отображает что-то только при печати сайта, но это не дает мне возможность иметь разные заголовки на нескольких страницах.

Любая помощь приветствуется, спасибо!

Ответы [ 2 ]

1 голос
/ 21 июня 2011

Единственный способ понять, как это сделать - это использовать разные заголовки и принудительно page-break s.

So 

PAGE 1 

   HEADER 1 //display only on print

   CONTENT....

   PAGE BREAK DIV //display only on print

PAGE 2 

   HEADER 2 //display only on print

   CONTENT....

   PAGE BREAK DIV //display only on print

etc..

Ваши заголовки получат класс printHeaders

Ваш div разрыва страницы будет что-то вроде <div class="pageBreak"></div>

В вашем CSS у вас есть что-то похожее на 

  .printHeaders, .pageBreak  {display:none;}

@media print {
  .printHeaders, .pageBreak  {display:block;}
  .pageBreak  {page-break-before:always;}
}
0 голосов
/ 21 июня 2011

из http://css -discuss.incutio.com / wiki / Printing_Headers

Если вы хотите полную, CSS-контролируемую печать верхние и нижние колонтитулы, вам нужно дождитесь, пока браузеры реализуют поддержку для CSS3 кандидата с медийной подкачкой Рекомендация. Это явно обеспечивает для объекта, но в довольно иначе, используя поля для полей.

вероятно потому что ...

... CSS описание позиции: исправлено, [есть] а именно «... В случае печатных СМИ типа, поле отображается на каждом страницы, и фиксируется относительно страница ... "[Раздел 9.3.1]

... но в статье говорится, что в настоящее время это не работает.

НО , чтобы помочь вам, позже в статье говорится:

Установка верхнего поля для тела (для пример) будет работать только для первого стр.

...