一尘不染

浏览器对CSS页码的支持

css

所以我知道这个选项:CSS / HTML的页码。

到目前为止,这似乎是将页码添加到页面的打印版本的最佳方法,但是我无法对此进行任何修改。我已经在Chrome,Firefox和IE9的Windows7计算机上尝试过。基于某些链接,Prince XML等更专有的软件可能会支持此功能。Web浏览器是否支持打印版本?

我尝试制作一个空白的html文件,然后在两个样式标签之间添加该文件:

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

我什至还简化了它,甚至只是content:"TEXT";用来查看是否可以显示一些东西。在任何地方都可以支持吗?因为我已经获得了很多次可以工作的内容,所以我用“this”来特别表示@pageand @bottom-right标记。


阅读 366

收藏
2020-05-16

共1个答案

一尘不染

这似乎不再起作用。 似乎只能使用很短时间,并且浏览器支持已删除!

必须先重置计数器。

您可以将起始号码设置为任何数字,默认值为0。

例:

@page {
    counter-increment: page;
    counter-reset: page 1;
    @top-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}

… 理论上。在现实世界中,只有PrinceXML支持此功能。

2020-05-16