如何在@media打印中使用页码打印？

Question

我一直在寻找这个答案一段时间，并且找不到任何可以正常工作的东西。我有这两种想法在某种程度上看起来根本不起作用：

1. 使用@page和bottom-right的方法。 Link

2. 使用固定页脚的方法。 （据说可以在Firefox中使用）Link

还有其他办法吗？

Answer 1

经过一段时间的研究，我觉得我在这里做了一些烹饪，但仍需要在不同的浏览器中进行一些测试，也许还有一些完美的。目前，我已经过测试，似乎在Chrome中运行良好。

基本上，通过混合两种技术，我能够创建这个想法，在工作中为每个h3复制（加载）p（就这样，每个页面运行得足够多） ）。他们有position: absolute，每个人都会减去100vh，所以他们会转到另一页的底部。

这是：JSFiddle - Without Page Total

修改

这是一个能够显示页面总数的新版本：JSFiddle - With Page Total

希望这有用！