打印html时在页面上打印页码

由于具有页面编号的@page暂时无法在浏览器中工作，因此我一直在寻找替代方法。
我找到了 Oliver Kohll发布的答案。 我将其重新张贴在这里，以便每个人都可以更轻松地找到它： 对于这个答案，我们
没有使用@page ，它是纯CSS答案，但是可以在FireFox20+版本中使用。这是一个示例链接。 CSS是： __

#content {    display: table;}#pageFooter {    display: table-footer-group;}#pageFooter:after {    counter-increment: page;    content: counter(page);}

HTML代码是：

<div id="content">  <div id="pageFooter">Page </div>  multi-page content here...</div>

这样，您可以通过将参数修改为 #pageFooter 来自定义页码。我的例子：

#pageFooter:after {    counter-increment: page;    content:"Page " counter(page);    left: 0;     top: 100%;    white-space: nowrap;     z-index: 20;    -moz-border-radius: 5px;     -moz-box-shadow: 0px 0px 4px #222;      background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);    }

这个技巧对我来说很好。希望对您有帮助。