Wie kann verhindert werden, dass DIVs beim CSS-Druck abgeschnitten werden?

Abgeschnittene DIVs beim CSS-Druck verhindern

Beim Generieren dynamischer HTML-Inhalte mit unterschiedlichen Höhen tritt häufig das Problem auf, dass DIVs beim Drucken zwischen den Seiten abgeschnitten werden . Dieses Problem kann die Verwendung von Ausdrucken erschweren.

Um dieses Problem zu beheben, versuchen Sie das folgende CSS:

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

Die Eigenschaft „break-inside: Vermeidung“ verhindert, dass Seitenumbrüche innerhalb von DIV-Elementen auftreten, und stellt so sicher dass sie auf einer einzigen Seite gedruckt werden. Diese Eigenschaft wird von allen gängigen Browsern unterstützt, einschließlich Chrome, Edge, Firefox, Opera und Safari.

Alternativ können Sie page-break-inside:void; verwenden, das von break- innen: vermeiden, sollte aber trotzdem funktionieren.

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass DIVs beim CSS-Druck abgeschnitten werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!