【问题标题】:How to print with page numbers in @media print?如何在@media print 中打印页码?
【发布时间】:2017-10-01 19:26:47
【问题描述】:

我一直在寻找这个答案一段时间,但找不到任何可以正常工作的东西。我有这两个想法,在很长一段时间内似乎根本不起作用:

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

  2. 使用固定页脚的方法。 (据说可以在 Firefox 中工作)Link

还有其他方法吗?

【问题讨论】:

标签: jquery html css printing pagination


【解决方案1】:

经过一段时间的研究,我想我在这里做了一些事情,但仍然需要在不同的浏览器中进行一些测试,也许还需要一些完善。目前,我已经在 Chrome 中进行了测试,似乎可以正常工作。

基本上,将这两种技术中的一些混合在一起,我能够创造出这样的想法,即在工作中为每个p 复制(加载时)h3(这样它就足以为每个页面运行)。他们有position: absolute,每个人都减去100vh,所以他们转到另一页的底部。

这里是:JSFiddle - Without Page Total

编辑

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

希望这有一些用处!

【讨论】:

  • 这不会动态调整内容,只是每10个段落插入一个计数器。如果我错了,请纠正我?
  • @Blauhirn 目前没有动态执行此操作的方法。该解决方案可以很容易地适应任何情况。我在这个例子中使用了一个有很多文本的页面的平均“p”。但它可以针对任何规则进行相应调整。对于任意数量的元素。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-12-21
  • 2021-07-31
  • 1970-01-01
  • 1970-01-01
  • 2017-05-21
  • 2012-05-19
相关资源
最近更新 更多