相关疑难解决方法(0)

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

我已经阅读了很多关于打印页码的网站,但是当我尝试打印时,我还是无法显示我的html页面.
所以CSS代码是下一个:

@page {
  margin: 10%;

  @top-center {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    content: counter(page);
  }
}
Run Code Online (Sandbox Code Playgroud)

我试过把这个页面规则放在里面

@media all {
    *CSS code*
}
Run Code Online (Sandbox Code Playgroud)

在它之外,试图把它放进去@media print,但没有任何帮助我在我的页面上显示页码.我试过使用FireFox和Chrome(如你所知,基于WebKit).我认为问题出在我的html或css代码中.
有人能告诉我一个@page在几个页面的大html页面中实现这个规则的例子吗?我只需要html页面的代码和css文件的代码,这是有效的.
PS我有最新支持的浏览器版本.

html css printing-web-page

59
推荐指数
4
解决办法
14万
查看次数

标签 统计

css ×1

html ×1

printing-web-page ×1