如何使用CSS或JavaScript/jQuery在每个页面上打印标题

Question

我有一个页面,其中有很多文本,可能是15页,当用户打印文档时,我不能在每个页面的开头添加标题.

这是可能的CSS或JavaScript/jQuery ????

Answer 1

您可以使用媒体属性定位媒体来使用经典CSS.

例:

<link rel="stylesheet" type="text/css" media="all" href="all.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

添加您<header></header>的页面,使用CSS定位,如果您不希望它包含在浏览器中:

header {
  display: none;
}

在你的 all.css

在你的print.css:

header {
  display: block;
}