How to insert your header and footer when printing?

Question

css

Essence:
When printing, at the bottom of each page, you need to display a certain text (footer)
The amount of HTML is unknown in advance.
Can this be done somehow?
The @page rule specifies only indents within printed pages.

Answer 1

It is necessary to break the content into blocks with max-height (sheet height) and add text at the end of the block, and set the page-break-before: always property to the block; .

<style>
.article{page-break-before: always; }
</style>

<div class="article">
бла бла бла
<div class="colonticul">
бла бла
</div>
</div>