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

Question

I have a page where there is a lot of text, probably 15 pages, I wan't to be able to add a header at the begining of every page when the user prints the document.

Is this possible with CSS or JavaScript/jQuery????

Answer 1

You can use classic CSS by targeting media using media attribute.

Example:

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

Add your <header></header> in your page, position it with CSS, if you don't want it to be included in a browser do:

header {
  display: none;
}

in your all.css

And in your print.css :

header {
  display: block;
}

Answer 2

Print layouts change depending on the browser, default fonts installed, and any other custom settings used. How would you know where the page divisions are?

Your best bet may be to produce a PDF of your documentation.