如何使用 CSS 將頁碼加入網站的列印輸出？

使用CSS/HTML 實作頁碼

在特殊情況下，您需要網站的列印版本來顯示頁眉、頁腳，以及頁腳中的頁碼。有了進階功能，如何使用 CSS 和 HTML 來實現這一點？

解決方案：

根據所需的瀏覽器支持，CSS 屬性「@page」可以是受僱。下面的範例提供了一個實際的實作：

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

此程式碼指示瀏覽器將頁碼和總頁數加到每個列印頁面的右下角。

進一步增強：

• 有關更全面的信息，請參閱以下內容資源：

  • [CSS3頁面模組](http://www.w3.org/TR/css3-page/)
  • [使用 CSS頁面新增頁碼屬性](http://www.intelligrape.com/blog/2010/08/20/add-page-number-using-page-property-o f-css/)
  • [頁碼PrinceXML](http://www.princexml.com/doc/6.0/page-numbers/)

利用CSS 的強大功能，您可以輕鬆實現頁碼編號在您列印的網頁內容中，確保無縫文件管理和增強演示。

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