由于具有页面编号的@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-@R_642_2419@-shadow: 0px 0px 4px #222;
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
}
这个技巧对我来说很好。希望对您有帮助。