Wie steuere ich Seitenumbrüche in großen Tabellen mit CSS?

So erzwingen Sie Seitenumbrüche mit CSS für große Tabellen

Bei der Arbeit mit dynamischen Tabellen mit zahlreichen Zeilen ist es unerlässlich, Seitenumbrüche zu kontrollieren für eine bessere Druckdarstellung. CSS bietet hierfür zwei wesentliche Eigenschaften: Seitenumbruch vor und Seitenumbruch nachher.

Um Seitenumbrüche nach Bedarf sicherzustellen, kann der folgende Code implementiert werden:

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }

Die page-break-inside-Eigenschaft des Tabellenelements ist auf „auto“ gesetzt, was bedeutet, dass der Browser automatisch bestimmt, wann Seitenumbrüche in die Tabelle eingefügt werden.

Für einzelne Zeilen (tr) Die Eigenschaft „page-break-inside“ ist auf „vermeiden“ eingestellt, wodurch verhindert wird, dass Seitenumbrüche innerhalb einer Zeile auftreten. Die Eigenschaft „Seitenumbruch danach“ ist auf „Automatisch“ eingestellt, sodass nach jeder Zeile ein Seitenumbruch erfolgt.

Ausführliche Richtlinien zu CSS-Druckeigenschaften finden Sie in der CSS-Druckprofilspezifikation des W3C. Darüber hinaus bieten die Salesforce-Entwicklerforen wertvolle Diskussionen und Einblicke in CSS für Druckszenarien.

Das obige ist der detaillierte Inhalt vonWie steuere ich Seitenumbrüche in großen Tabellen mit CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!