使用 CSS 或 javascript/jquery 打印文档时如何添加页码答案

【问题标题】：How to add page numbers when printing the document using CSS or javascript/jquery使用 CSS 或 javascript/jquery 打印文档时如何添加页码
【发布时间】：2015-04-02 12:42:08
【问题描述】：

我想在打印文档时添加页码，我在上面进行了搜索，我发现我们可以使用 CSS 实现这一点。为此，我们需要使用 @page css 属性。所以我添加了以下代码

@page {
  /*margin-top: 15mm;*/
  margin-bottom: 25mm;
  margin-left: 30mm;
  margin-right: 30mm;

  @bottom-center {
  counter-increment: page;
  counter-reset: page 1;
      content: "page " counter(page);
  }
}

但我面临一个问题，上述属性都已应用，但我的页码未显示。我不知道为什么会这样。

任何人都可以面临同样的问题吗？或任何知道解决方案的人，请帮助解决此问题。

【问题讨论】：

可能对你有帮助，stackoverflow.com/questions/20050939/…
实际上，我查看了它并粘贴了代码，但这仅在您具有静态 id 或元素类时才有效，在我的情况下，我有动态数据并且我不知道即将到来的元素
您可以使用ID 查看示例。 jsbin.com/kewepowedu/1/edit
如果该解决方案不适合您，请告诉我。或者你找到更好的解决方案。
我不知道 ID，.... 我们有一个动态内容

标签： html css ruby-on-rails-4

【解决方案1】：

你可以试试这个，

内容：计数器（页面）

@page {
    @bottom-left {
        content: counter(page);
     }
 }

【讨论】：