从 Google Chrome 打印时的页码

【问题标题】：Page Numbers when printing from Google Chrome从 Google Chrome 打印时的页码
【发布时间】：2013-10-18 18:54:18
【问题描述】：

我看过这个答案...

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

很多次，但它从来没有为我输出任何东西到页面上，即使它应该工作。我已经尝试过在底部获取页码的“创造性”方法，但我永远无法让它可靠地工作。计数很好，但位置总是关闭，所以我已经废弃了。

这个 CSS 不应该工作的任何原因？如前所述，我正在使用 Google Chrome 进行打印。

【问题讨论】：

标签： html

【解决方案1】：

您可以从这里尝试答案...Browser Support for CSS Page Numbers

@page {
    counter-increment: page;
    counter-reset: page 1;
    @bottom-left {
        content: "Page " counter(page) " of " counter(pages);
    }
}

正如该答案所述，您需要在使用之前重置计数器（根据https://developer.mozilla.org/en-US/docs/CSS/Counters）

【讨论】：

我想我应该指定的，我也见过这个，它根本不会在屏幕上的任何地方输出任何东西。