使用 CSS 列印時如何在每頁重複表格標題？

CSS 列印模式下重複表頭

問題：

問題：

CSS可以用來確保當表格跨越多個頁面時，表格標題(th) 在每個列印頁面上重複頁數？

答案：

是的，可以使用 THEAD 元素。

解釋：

THEAD 元素是專門為此目的而設計的。與 @page 屬性一起使用時，它允許您在列印文件的每一頁上重複表格標題，即使表格超出單頁。

CSS 程式碼：

1. 要使用THEAD 元素重複表頭，請依照下列步驟操作：
3. 建立一個單獨的THEAD 元素來包含您的表格headers (th)。

將 THEAD 元素包裹在表格標題的開始行和結束行周圍。

@page {
  @top-left {
    content: element(thead);
  }
}

在 CSS 中，在 @page 屬性內加入以下程式碼：

此程式碼將告訴瀏覽器在表格開啟時自動在每個頁面上重複 THEAD元素

參考：

有關THEAD元素及其在打印模式下的使用的更多信息，請參閱以下官方文檔：[ CSS THEAD 元素](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead)

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