Maison > interface Web > tutoriel CSS > Comment empêcher les DIV d'être répartis sur plusieurs pages lors de l'impression ?

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

Susan Sarandon
Libérer: 2024-11-04 07:02:02
original
690 Les gens l'ont consulté

How to Prevent DIVs from Being Split Across Pages When Printing?

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;
  }
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal