自定义HTML页面的打印页眉/页脚输出

Question

有没有办法自定义打印的每个HTML页面的页眉和页脚上打印的文本，其中打印页码，URL，日期等？ （如果您选择从打印选项中打印页眉和页脚）。

在每个打印页面上显示页眉和页脚的其他解决方案（使用thead / tfoot和固定定位的div）似乎不适用于Chrome。

以下是google.com打印预览中突出显示的打印页眉和页脚：

Answer 1

试试这个：

@media screen {
  .print {
      display: none;
  }
}

@media print {
  .print {
      display: block;
  }
}

将.print类添加到适当的元素中。