使用CSS / HTML的页码 [英] Page numbers with CSS/HTML

问题描述

一个有趣的用例弹出了我们，我们要求当我们打印网站的打印副本将有一个页眉和页脚，页脚内页脚。

An interesting use case has popped up for us, we are requiring that when we print a website the printed copy will have a page header and footer, and inside the footer the page number.

任何人都有想法如何实现这一点？

Anyone got any idea how to achieve this?

注意：浏览器版本可以是最新的任何东西，客户是其他网络开发人员。 >

Note: Browser version can be the latest of anything, clients are other web developers.

推荐答案

取决于您所需的浏览器支持。

Depending on your required browser support.

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

进一步阅读：

• 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 /

• 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的页码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！