html - 在 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

As of 12/3/2015, the margin boxes like @bottom-center don't appear to be supported by the major browsers, as shown here. If you search for "@bottom-center" you'll see a whole lot of red "not supported" boxes. When you search the web it sounds like they should work but in reality they're not supported yet. Some elements of paged media work great, like page-break-after, but not the margin boxes. Source

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