从Google Chrome打印时的页码

Question

我已经看到了这个答案......

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

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

这个CSS不应该起作用的原因是什么？如上所述，我正在使用谷歌浏览器进行打印。

Answer 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）