Wie kann ich verhindern, dass HTML-Tabellenzeilen beim Drucken auf mehrere Seiten aufgeteilt werden?

Beheben von Seitenumbrüchen beim Drucken von HTML-Tabellen

Beim Drucken umfangreicher HTML-Tabellen ist die Verwaltung von Seitenumbrüchen für die Aufrechterhaltung der Lesbarkeit von entscheidender Bedeutung. Um zu verhindern, dass Zeilen auf mehrere Seiten aufgeteilt werden, prüfen Sie die folgende Lösung:

Sie können CSS-Stile verwenden, um Seitenumbrüche in Ihrer HTML-Tabelle zu steuern:

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }

Hier ist eine Beispiel-HTML-Tabelle mit diesen Angewendete CSS-Stile:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<style type="text/css">
    table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
</style>


    

heading

notes

x

x

x

Die Implementierung dieser CSS-Regeln gewährleistet dass:

• page-break-inside:avoid on tr elements verhindert Zeilenumbrüche innerhalb einer Seite.
• page-break-after:auto on tr elements ermöglicht einen Seitenumbruch nach jedem Zeile, um sicherzustellen, dass sie nicht geteilt werden.
• display:table-header-group und display:table-footer-group auf den Elementen thead und tfoot behalten die Kopf- und Fußzeile der Tabelle bei ihre jeweiligen Seiten.

Das obige ist der detaillierte Inhalt vonWie kann ich verhindern, dass HTML-Tabellenzeilen beim Drucken auf mehrere Seiten aufgeteilt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!