如何使用 CSS 和 HTML 将页码添加到可打印文档？

使用 CSS 和 HTML 为可打印文档实现页码

打印网页通常需要附加元素，例如页眉、页脚和分页专业的演示。如果您需要在页脚中包含页码，这里有一个使用 CSS 和 HTML 的解决方案。

利用 CSS 页面属性：

CSS @page 规则提供对页面上打印元素的广泛控制。要将页码添加到页脚，您可以使用“@bottom-right”边距指定要显示的内容：

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

在此片段中：

• counter( page) 代表当前页码。
• counter(pages) 代表总页数页数。

通过组合这些计数器，页脚的内容将显示当前页码和总页数。

浏览器兼容性和注意事项：

所有主要现代浏览器都支持 @page 属性。但是，需要注意的是，旧版本可能无法完全实现这些功能。答案中提供的链接提供了有关 CSS 页面的额外资源和见解编号：

• http://www.w3.org/TR/css3-page/
• http://www.intelligrape.com/blog/2010/08/20 / add-page-number-using-page-property-of-css/
• http://www.princexml.com/doc/6.0/page-numbers/

以上是如何使用 CSS 和 HTML 将页码添加到可打印文档？的详细内容。更多信息请关注PHP中文网其他相关文章！