Verhindern zusätzlicher leerer Seiten beim Drucken mit CSS

Beim Drucken von HTML-Dokumenten mithilfe einer CSS-Eigenschaft können Benutzer auf ein Problem stoßen, bei dem zusätzliche Leerseiten entstehen Die Seite wird vor oder nach dem beabsichtigten Inhalt gedruckt. Um dieses Problem zu beheben, ziehen Sie die folgenden Lösungen in Betracht:

Ein Ansatz besteht darin, die Eigenschaft „page-break-after“ mit dem Wert „always“ zu verwenden. Dies kann jedoch dazu führen, dass vor dem Inhalt eine zusätzliche leere Seite entsteht. Um dies zu vermeiden, versuchen Sie, „page-break-before“ auf „Immer“ zu setzen.

Alternativ besteht eine effektivere Methode darin, Medienabfragen speziell für Druckzwecke zu verwenden, wie zum Beispiel:

@media print {
    html, body {
        height: 99%;    
    }
}

Indem Sie die Höhe der HTML- und Body-Elemente in der Druckmedienabfrage auf 99 % festlegen, können Sie jeglichen zusätzlichen Leerraum beseitigen, der möglicherweise dazu führt, dass die zusätzliche Seite gedruckt wird.