Comment imprimer des DIV à hauteur dynamique sans problèmes de fractionnement de pages ?

Apprivoiser les problèmes de pagination DIV : éliminer les maux de tête liés au fractionnement de pages

Problème :

Dans une application Cocoa WebView, un plug -in génère une page Web avec des centaines de DIV à hauteur dynamique. Cependant, une fois imprimés, certains DIV sont coupés au niveau des limites de page, ce qui rend la navigation dans les impressions difficile.

Solution :

Pour éviter que les DIV ne soient divisés pages, exploitez la propriété CSS break-inside :

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

Explication :

La propriété break-inside contrôle le comportement d'un élément lorsqu'il rencontre un saut de page. En le définissant sur « éviter », les DIV resteront sur une seule page autant que possible. Ce comportement est pris en charge dans tous les principaux navigateurs, garantissant la compatibilité entre différents environnements d'impression.

Contrairement au page-break-inside obsolète : éviter ; propriété, effraction : à éviter ; offre une solution plus complète et moderne pour maintenir l’intégrité du contenu lors de l’impression. En implémentant cette propriété, vous pouvez éliminer efficacement le problème des DIV tronqués et garantir une impression transparente de votre document.

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!