如何使用 CSS 和 HTML 將頁碼加入列印的網頁中？

使用CSS/HTML 在列印網頁中實作頁碼

您遇到了一個有趣的要求：新增頁眉、頁腳和頁面編號到列印的網站副本。本文探討了可以幫助您實現這一目標的解決方案。

利用 CSS 和 HTML 進行頁面編號

在 CSS 中，@page 規則提供了頁面格式的廣泛控制，包括頁碼。透過在@bottom-right規則中定義一個計數器，您可以在每個列印頁面上動態顯示頁碼。

這是一個簡單的程式碼片段：

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

此程式碼將放置頁面每頁右下角的數字，格式為「第 X 頁，共 Y 頁」。

瀏覽器支援

大多數現代瀏覽器都支援 CSS @page 規則。如果您需要支援較舊的瀏覽器，請考慮使用特定於瀏覽器的技術或第三方程式庫。

進一步閱讀

有關CSS 和HTML 中頁面編號的更多信息，參考以下資源：

• [CSS3頁面模組] (http://www.w3.org/TR/css3-page/)
• [在CSS 中使用'page' 屬性](http://www.intelligrape.com/blog/2010 /08/20/add-page-number-using-page-property-of-css/)
• [頁碼PrinceXML](http://www.pri ncexml.com/doc/6.0/page-numbers/)

實作這些解決方案將使您能夠建立帶有自訂頁眉、頁腳和頁碼，增強這些文件的可讀性和專業性。

以上是如何使用 CSS 和 HTML 將頁碼加入列印的網頁中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！