在CSS中打印时显示页码

Question

我希望在我的可打印文档的底部显示页码。我在这里找到了一个来源并关注stackoverflow answer，但它没有帮助。

我目前实现这一愿望的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有什么问题？我该怎样做才能达到这个效果？

感谢。

被修改

在我有时搜索过这篇文章后，我知道大多数主流浏览器都不支持此@bottom-right。有没有想过呢？

Answer 1

  

截至2015年12月3日，@ bottom-center的保证金框似乎没有出现   得到主流浏览器的支持，如下所示。如果你搜索   ＆＃34; @底部中央＆＃34;你会看到很多红色＆＃34;不支持＆＃34;框。   当你搜索网络时，它听起来应该可以工作但实际上   他们还没有得到支持。分页媒体的一些元素很有用，   喜欢分页后，但不是边距框。 Source

但是，似乎有a solutions that works in Firefox。