Puis-je forcer un saut de page dans l'impression HTML ?

Question

Je suis en train de créer un rapport HTML qui sera imprimable et qui comporte des "sections" qui doivent commencer dans une nouvelle page.

Existe-t-il un moyen d'intégrer quelque chose dans le HTML/CSS qui signale au navigateur qu'il doit forcer un saut de page (commencer une nouvelle page) à ce moment-là ?

Je n'ai pas besoin que cela fonctionne dans tous les navigateurs existants, je pense que je peux dire aux gens d'utiliser un ensemble spécifique de navigateurs afin d'imprimer ceci.

Answer 1

First page (scroll down to see the second page)
<div style="break-after:page"></div>
Second page
<br>
<br>
<button onclick="window.print();return false;" />Print (to see the result) </button>

Answer 2

Le code ci-dessous a fonctionné pour moi et il y a d'autres exemples. Ici

  <div style="page-break-inside:avoid;page-break-after:always">
  </div>

Answer 3

• Nous pouvons ajouter un saut de page avec le style " page-break-after : always "à l'endroit où nous voulons introduire le saut de page dans la page page html.

• " page-break-before " fonctionne également

Exemple :

HTML_BLOCK_1
<p style="page-break-after: always"></p>
HTML_BLOCK_2
<p style="page-break-after: always"></p>
HTML_BLOCK_3

En imprimant le fichier html avec le code ci-dessus, l'aperçu avant impression montrera trois pages (une pour chaque bloc html " HTML_BLOCK_n ") alors que dans le navigateur, les trois blocs apparaissent séquentiellement l'un après l'autre.

Answer 4

@ Chris Doggett est parfaitement logique. Cependant, j'ai trouvé une astuce amusante sur lvsys.com et ça marche sur Firefox et Chrome. Il suffit de placer ce commentaire à l'endroit où vous voulez que le saut de page soit inséré. Vous pouvez également remplacer le <p> avec n'importe quel élément du bloc.

<p><!-- pagebreak --></p>