小编Nat*_*lia的帖子

如何在新Chrome中打印html时打印页码?

Chrome版本52.0.2743.116 m(64位)中打印html时,我需要打印页码.但是我还没有找到答案.

我已经尝试过了:

@page {
    @bottom-right {
        content: counter(page) " of " counter(pages);
    }
}
Run Code Online (Sandbox Code Playgroud)

这根本不起作用.

然后我发现了这个问答:


对于这个答案,我们不使用@page,这是一个纯CSS答案,但在FireFox 20+版本中工作.这是一个例子的链接.CSS是:

#content {
    display: table;
 }
#pageFooter {
    display: table-footer-group;
 }

#pageFooter:after {
    counter-increment: page;
    content: counter(page);
 }
Run Code Online (Sandbox Code Playgroud)

HTML代码是:

 <div id="content">
     <div id="pageFooter">Page </div>
     multi-page content here...
 </div>
Run Code Online (Sandbox Code Playgroud)

不幸的是,这仅适用于FireFox 20+版本和Chrome版本35.0.1916.153

降级不是一个答案.你能帮我吗?

html css google-chrome page-numbering

14
推荐指数
1
解决办法
4347
查看次数

标签 统计

css ×1

google-chrome ×1

html ×1

page-numbering ×1