Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在CSS打印时显示页码_Html_Css - Fatal编程技术网

Html 在CSS打印时显示页码

Html 在CSS打印时显示页码,html,css,Html,Css,我想在可打印文档的底部显示页码。我在这里找到了一个源代码并跟踪了一个,但它没有帮助 我目前实现这一愿望的CSS如下: body { text-align: justify; } /* class to break into new page */ .pagebreak { page-break-before: always; } @media print { body { font-size: 18px; } @bottom-right { content:

我想在可打印文档的底部显示页码。我在这里找到了一个源代码并跟踪了一个,但它没有帮助

我目前实现这一愿望的CSS如下:

body {
  text-align: justify;
}

/* class to break into new page */
.pagebreak { page-break-before: always; }

@media print {
    body {
    font-size: 18px;
  }
@bottom-right {
    content: "ទំព័រទី " counter(page) " នៃ " counter(pages);
}
然而,当我测试打印文档时,它根本不显示我的页码

我的css出了什么问题?我如何才能达到这个结果

谢谢

已编辑

在我花了一些时间来搜索这个之后,我知道大多数主流浏览器都不支持这个
@右下角
。有没有想过

截至2015年12月3日,像@bottom center这样的空白框似乎不存在 主要浏览器都支持,如图所示。如果你搜索 “@bottom center”您将看到大量红色的“不受支持”框。 当你在网上搜索的时候,听起来他们应该会工作,但事实上 他们还没有得到支持。页面媒体的某些元素非常有效, 就像后面的分页符,但不是边距框


但是,似乎有。

如链接注释中所述,您应该尝试不同的浏览器。@user3888958,谢谢。我尝试了FF、chrome和Safari,但仍然没有显示页码。在什么环境下打印HTML?如果你是唯一一个打印它的人,你可以看看这样的程序;据介绍,它是为数不多的支持它的用户代理之一。不幸的是,我不能帮助你,如果它是一个'商业'网站,其他人可能想打印它。这是因为我自己没有这方面的经验。@Yemachu,非常感谢您的建议。我是为我的客户做的,谢谢。在Firefox和Chrome之间打印,因为它们在打印过程中看起来有点不同。因此,我建议我的用户使用chrome而不是Firefox,因为chrome看起来比Firefox好。从隐私角度来看,chrome是一款糟糕的浏览器。如果你关心你的客户的公司秘密,你建议他/她无论如何都要使用Firefox。