Comment faire face aux sauts de page lors de l'impression de la liste détaillée avec ul tag

Question

J'ai un projet qui nécessite l'impression d'une liste HTML avec de nombreux éléments de détail.

Mon problème est la façon dont la liste est imprimée sur plusieurs pages. Il peut parfois couper un élément de liste en deux. Je veux signaler un saut de page lorsque l'impression est terminée.

Je veux le faire par css.

Answer 1

La meilleure façon d'y parvenir est d'éviter les sauts de page dans votre UL.

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

https://www.w3schools.com/cssref/pr_print_pagebi.asp