显示在第一印刷页不同的页眉与HTML和CSS(Displaying A Different Head

2019-09-27 03:12发布

是否有可能与HTML和/或CSS的任意组合,到第一印刷页面上显示一个报头,然后显示每个后续打印页上不同的页眉? 我知道的@media print CSS标签当打印网站只显示一些东西,但是,这并不让我给在多页不同的页眉。

任何帮助表示赞赏,谢谢!

Answer 1:

从http://css-discuss.incutio.com/wiki/Printing_Headers

如果你想全,CSS控制打印页眉和页脚,则需要等到浏览器实现对CSS3页面媒体候选推荐标准的支持。 它明确规定了该设施,但在一个完全不同的方式,使用保证金盒。

可能是因为...

...位置的CSS说明:固定的,[是]即“......在打印介质类型的情况下,盒子呈现在每一页上,并固定相对于页面......” [节9.3.1]

......但文章说,它不为这些天的工作。

但是 ,为了帮助你,以后的文章中说:

设置在机身顶部边距(例如)将只为第一页。



Answer 2:

我可以看到如何做的唯一方式是使用不同的页眉和强制page-break秒。

所以

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 class="pageBreak"></div>

在你的CSS,你将有一个类似于

  .printHeaders, .pageBreak  {display:none;}

@media print {
  .printHeaders, .pageBreak  {display:block;}
  .pageBreak  {page-break-before:always;}
}


文章来源: Displaying A Different Header on the First Printed Page with HTML and CSS