首頁 >web前端 >css教學 >如何使用 CSS 在每個列印頁面上重複表格標題?

如何使用 CSS 在每個列印頁面上重複表格標題?

Barbara Streisand
Barbara Streisand原創
2024-12-03 17:22:11535瀏覽

How Can I Repeat Table Headers on Each Printed Page Using CSS?

使用CSS 在列印模式下重複表頭

可以確保表頭(

)在每個page 如果表格使用CSS跨越多個頁面。這可以透過利用 THEAD 元素來實現。

THEAD 元素表示表的標題,通常在

中定義。元素。透過使用 THEAD 元素,您可以將表格標題行分組,並指定它們應在列印文件的每一頁上重複。

範例

@page {
  thead { display: table-header-group; }
}

此 CSS 規則將 thead 元素的顯示屬性設為 table-header-group。當 thead 設定為 table-header-group 時,瀏覽器可確保列印文件的每一頁上都重複表格標題行。

參考

參考有關THEAD 元素的更多信息,請參閱官方文檔: [https://developer.mozilla.org/en-US/docs/ Web/HTML/Element/thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead)

以上是如何使用 CSS 在每個列印頁面上重複表格標題?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn