Comment empêcher les DIV d'être répartis sur plusieurs pages lors de l'impression ?

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 des documents longs avec 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.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!