Problème d'impression : Prévenir la bifurcation des DIV entre les pages

Vous rencontrez un dilemme d'impression dans lequel les DIV dynamiques sont coupés en deux entre les pages ? Ce problème survient lorsque vous essayez d'imprimer de longs documents contenant de nombreux éléments DIV de hauteur variable.

Solution CSS à la rescousse

Pour résoudre ce problème, la propriété CSS casse- l'intérieur vient à la rescousse. En spécifiant la valeur éviter, vous pouvez vous assurer que le moteur de rendu empêche la division des DIV à mi-chemin. Voici l'extrait de code :

@media print {
  div {
    break-inside: avoid;
  }
}

Cette solution est prise en charge par tous les principaux navigateurs, notamment :

• Chrome 50
• Edge 12
• Firefox 65
• Opera 37
• Safari 10

Option alternative

Une autre option viable consiste à utiliser le saut de page à l'intérieur : éviter ; au lieu de cambriolage : éviter ;. Cependant, cette approche est obsolète et doit être utilisée avec prudence.