Comment faire pour ajouter un Saut de Page dyanamically pour Imprimer la page?

Que Haim Evgi référencés dans cet article http://davidwalsh.name/css-page-breaks

En plus de ce qui est déjà décrit dans l'article, je tiens à souligner que c'est une bonne pratique à utiliser .page-break-before: auto au lieu de .page-break-before: toujours. Le "auto" briser la page uniquement si le contenu est à la fin de la page, cela permettra d'éviter la rupture de la page et en laissant beaucoup d'espace vide.

Le CSS

@media all {
    .page-break { display: none; }
}

@media print {
    .page-break { display: block; page-break-before: auto; }
}

Le code HTML

<div>some content</div>
<div class="page-break">more content, this content may be short or long</div>
<div class="page-break">this content may page-break if content above this <div> is at the end of the page</div>
<div class="page-break">etc,..</div>

Vous pourriez aussi vous voulez juste pour éviter les sauts de page à l'intérieur d'un élément.

E. g. court tables que vous ne voulez pas d'obtenir déchiré lors de l'impression:

@media print {
    table {
        page-break-inside: avoid;
    }
}