使用HTML和CSS在第一个打印页面上显示不同的标题

Question

可以使用HTML和/或CSS的任意组合在第一个打印的页面上显示一个标题，然后在每个后续标题上显示 em>打印页面？我知道@media print CSS标记仅在网站打印时显示某些内容，但这并不会让我在多个页面上显示不同的标题。

感谢任何帮助，谢谢！

Answer 1

我能看到如何做的唯一方法是使用不同的标头并强制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类似于<div class="pageBreak"></div>

在你的CSS中，你会有类似于

的东西

  .printHeaders, .pageBreak  {display:none;}

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

Answer 2

来自http://css-discuss.incutio.com/wiki/Printing_Headers

  

如果您想要完整的CSS控制打印   页眉和页脚，你需要   等到浏览器实现支持   为CSS3分页媒体候选人   建议。它明确规定   对于设施，但在一个完整的   不同的方式，使用保证金盒。

可能是因为......

  

... CSS   位置描述：固定，[是]即   “......就印刷媒体而言   类型，框每个都呈现   页面，并相对于   页面......“[第9.3.1节]

......但文章说这些日子不起作用。

但是，为了帮助你，后来文章说：

  

在身体上设置上边距（for   例子）只适用于第一个   页。