為什麼無法列印 HTML 格式的頁碼以及解決方法是什麼？

無法在 HTML 頁面上列印頁碼？

問題描述：

儘管進行了大量研究，頁碼還是失敗列印 HTML 文件時出現。

CSS 程式碼使用：

@page {
  margin: 10%;
  @top-center {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    content: counter(page);
  }
}

在 @media all 區塊內部和外部都嘗試了 @page 規則，但沒有成功。

解：

由於網頁瀏覽器的限制，使用@page實作頁碼是不可行的。 Oliver Kohll 提供了另一個解決方案，它利用 CSS中基於表格的格式，而不依賴於@page:

CSS:

#content {
    display: table;
}

#pageFooter {
    display: table-footer-group;
}

#pageFooter:after {
    counter-increment: page;
    content: counter(page);
}

HTML:

<div>

自訂：

頁碼的外觀可以透過修改來自訂#pageFooter 的屬性，例如文字格式、定位和背景樣式。

以上是為什麼無法列印 HTML 格式的頁碼以及解決方法是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！