在 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 之类的边距框似乎没有 主要浏览器都支持，如此处所示。如果你搜索 “@bottom-center”你会看到一大堆红色的“不支持”框。 当您在网上搜索时，听起来它们应该可以工作，但实际上 他们还不支持。分页媒体的某些元素效果很好， 像 page-break-after，但不是边距框。 Source

不过好像有a solutions that works in Firefox。