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

Question

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

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

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

Answer 1

试试这个：

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

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

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