如何在@Media打印中使用页码打印



我已经寻求此答案已有一段时间了,无法找到可以正常工作的任何东西。我有这两个看来似乎根本无法工作的想法有一段时间:

  1. 使用@pagebottom-right的方法。链接

  2. 使用固定页脚的方法。(据说在Firefox工作(链接

还有其他方法吗?

一段时间后,我认为我在这里做了一些烹饪,这些烹饪仍然需要在不同的浏览器中进行一些测试,也许需要一些完美的测试。目前,我已经测试了,并且似乎在Chrome中工作正常。

基本上,在两种技术中融合在一起,我都可以创建这个想法,该想法(在负载上(为工作中的每个p复制一个h3(因此,每页都足够运行(。他们有 position: absolute,每个人都减去 100vh,以便转到另一页的底部。

在这里是:JSFIDDLE-没有页面总计

编辑

这是一个新版本,能够显示页面总计:JSFIDDLE-带有Page Total

希望这有所使用!

最新更新