Heim >Web-Frontend >CSS-Tutorial >Wie kann ich Tabellenüberschriften auf jeder gedruckten Seite mithilfe von CSS wiederholen?
Wie kann ich Tabellenüberschriften auf jeder gedruckten Seite mithilfe von CSS wiederholen?
Barbara StreisandOriginal
2024-12-03 17:22:11535Durchsuche
Tabellenüberschriften im Druckmodus mit CSS wiederholen
Es kann sichergestellt werden, dass Tabellenüberschriften (
) bei jedem wiederholt werden Seite, wenn sich eine Tabelle mithilfe von CSS über mehrere Seiten erstreckt. Dies kann durch die Verwendung des THEAD-Elements erreicht werden.
Das THEAD-Element stellt die Kopfzeile einer Tabelle dar und wird normalerweise innerhalb der
Element. Mithilfe des THEAD-Elements können Sie die Tabellenkopfzeilen gruppieren und festlegen, dass sie auf jeder Seite des gedruckten Dokuments wiederholt werden sollen.
Beispiel
@page {
thead { display: table-header-group; }
}
Diese CSS-Regel setzt die Anzeigeeigenschaft des thead-Elements auf table-header-group. Wenn der Kopf auf Tabellenkopfgruppe eingestellt ist, stellt der Browser sicher, dass die Tabellenkopfzeilen auf jeder Seite des gedruckten Dokuments wiederholt werden.
Referenz
Referenz Weitere Informationen zum THEAD-Element finden Sie in der offiziellen Dokumentation: [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead)
Das obige ist der detaillierte Inhalt vonWie kann ich Tabellenüberschriften auf jeder gedruckten Seite mithilfe von CSS wiederholen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn