我读过很多关于打印页码的网站，但当我try 打印时，仍然无法让它显示在我的html页面上
@page {
margin: 10%;
@top-center {
font-family: sans-serif;
font-weight: bold;
font-size: 2em;
content: counter(page);
}
}
我试着把这条页面规则放在里面
@media all {
*CSS code*
}
除此之外，我试着把它放进@media print，但没有任何东西能帮我在页面上显示页码.我try 过使用FireFox和Chrome(如你所知，基于WebKit).我认为问题出在我的html或css代码中
有人能给我举个例子，在包含多个页面的大html页面中实现@page规则吗？我只需要html页面的代码和css文件的代码就行了
由于带有页面枚举器的@page目前在浏览器中不起作用，我正在寻找替代方案.
我找到了Oliver Kohll发布的answer.
我会在这里重新发布，这样大家就可以更容易地找到它:
对于这个答案，我们是not using @page，这是一个纯CSS的答案，但是可以在Firefox20+版本中使用.以下是示例的link条.
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);
}
这个把戏对我很管用.希望它能对你有所帮助.