Comment empêcher les DIV d'être coupés lors de l'impression CSS ?

Empêcher les DIV coupés lors de l'impression CSS

Lors de la génération de contenu HTML dynamique avec des hauteurs variables, il est courant de rencontrer le problème des DIV coupés entre les pages lors de l'impression . Ce problème peut rendre les impressions difficiles à utiliser.

Pour résoudre ce problème, essayez le CSS suivant :

<code class="css">@media print {
  div {
    break-inside: avoid;
  }
}</code>

La propriété break-inside : évite empêche les sauts de page de se produire dans les éléments DIV, garantissant ainsi qu'ils impriment sur une seule page. Cette propriété est prise en charge par tous les principaux navigateurs, notamment Chrome, Edge, Firefox, Opera et Safari.

Comme alternative, vous pouvez utiliser page-break-inside: évitez;, qui est obsolète par break- à l'intérieur : à éviter mais devrait quand même fonctionner.

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!