CSS => Fragmentation

Syntaxe

page-break-after: auto | toujours | éviter | à gauche | droit | initiale | hériter;
page-break-before: auto | toujours | éviter | à gauche | droit | initiale | hériter;
page-break-inside: auto | éviter | initiale | hériter;

Valeur	La description
auto	Défaut. Saut de page automatique
toujours	Toujours insérer un saut de page
éviter	Évitez le saut de page (si possible)
la gauche	Insérer des sauts de page afin que la page suivante soit formatée en tant que page de gauche
droite	Insérer des sauts de page afin que la page suivante soit formatée comme une page de droite
initiale	Définit cette propriété sur sa valeur par défaut.
hériter	Hérite cette propriété de son élément parent.

Il n'y a pas de propriété de saut de page dans CSS. Seules les 3 propriétés ( page-break-before , page-break-after , page-break-inside ).

Connexes: orphans , widows .

@media print {
  p {
    page-break-inside: avoid;
  }
  h1 { 
    page-break-before: always;
  }
  h2 {
    page-break-after: avoid;
  }
}

Ce code fait 3 choses:

il empêche un saut de page à l'intérieur de balises p, ce qui signifie qu'un paragraphe ne sera jamais divisé en deux pages, si possible.
il force un saut de page avant dans tous les en-têtes h1, ce qui signifie qu'avant chaque occurrence de h1, il y aura un saut de page.
il empêche les sauts de page juste après un h2

Modified text is an extract of the original Stack Overflow Documentation

Sous licence CC BY-SA 3.0

Non affilié à Stack Overflow