html图片按页码显示,html - 在打印html文档时显示页码

几个月前，当我使用以下代码在浏览器(firefox)中打印HTML文档时，能够显示页码：

body {

width: 300px;

counter-reset: page;

}

#header {

border: 1px solid;

overflow: hidden;

}

#header>div {

float: left;

width: 50%;

line-height: 100px;

text-align: center;

}

#foot {

border: 1px solid;

}

#header p {

margin: 0;

}

#header #pagenum {

border-left: 1px solid;

width: calc(50% - 1px);

}

@media print {

.pageBreak {

page-break-before: always;

padding-bottom: 120px;

}

#content {

padding-top: 120px;

}

#header {

display: block;

position: fixed;

top: 0pt;

left: 0pt;

right: 0pt;

}

.pagenum:after {

content: "Page " counter(page);

counter-increment: page;

}

#foot {

display: block;

position: fixed;

bottom: 0pt;

}

@media screen, handheld {

#header {

display: none;

}

#foot {

display: none;

}

Header

This is the page 1

This is the page 2

This is the page 3

This is the page 4

Foot Notes

可以在Firefox 45.7.0中使用。由于最后一次Firefox更新几个月后，它不再工作了。我目前使用的是Firefox Quantum 69.0。我的问题：1.是否不再受支持？ 2.打印html文档时，如何在每页上显示正确的页码？

最好的祝福

html图片按页码显示,html - 在打印html文档时显示页码 - 堆栈内存溢出相关推荐

Word控件Spire.Doc 【打印】教程(2)：保打印word文档不显示打印处理对话框
Spire.Doc for .NET是一款专门对 Word 文档进行操作的 .NET 类库.在于帮助开发人员无需安装 Microsoft Word情况下,轻松快捷高效地创建.编辑.转换和打印 Micr ...
打印word文档时遇到标记区如何取消
故障描述:word页面显示正常,打印以及打印预览的时候,页面上会出现部分暗色区域(标记区) 故障原因:简单标记惹的祸解决办法:word菜单栏-审阅-简单标记-无标记具体步骤如图: 1. ...
C# 打印PDF文档的10种方法
操作PDF文档时,打印是常见的需求之一.针对不同的打印需求,可分多种情况来进行,如设置静默打印.指定打印页码范围和打印纸张大小.双面打印.黑白打印等等.经过测试,下面将对常见的几种PDF打印需求做一些 ...
java jar 打印_三种Java打印PDF文档的实例代码
以下内容归纳了通过Java程序打印PDF文档时的3种情形.即: 1 静默打印 2 显示打印对话框打印 3 打印PDF时自定义纸张大小使用工具:Spire.PDF for Java Jar文件获取及导 ...
C# 六种方案打印PDF文档
打印PDF文档是开发人员经久不变的话题,常见的打印需求大致有以下六种: 用默认打印机打印PDF文档用虚拟打印机打印PDF文档指定打印机及PDF文档的打印页码范围静默打印PDF文档双面打印PDF ...
php word 图片无法显示,Word文档不显示图片解决方法
同事的文档中的图片都不显示了,问我怎么回事,这个问题我已经遇到很多次了,其实问题有多种,要逐一排查,下面icech就将所有可能的原因和解决方法列一下,供参考: 1.可能是由于正在普通视图或大纲视图中工 ...
word 文档不显示图片解决办法
今天遇到了一个难题:公司同事收到了一封邮件,word格式的里面带好多图片,可是图片都是空白的,显示不出来.开始以为是缓存或者杀毒软件阻止了,试了好几次都不行.百度一下,发现了以下几种解决方法,我就是用 ...
解决CSDN导入md文档时图片显示不出来，出现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jiakLQhy-1628602853830)提示
解决CSDN导入md文档时图片显示不出来,出现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jiakLQhy-1628602853830)提示 https://blog ...
word文档不能显示图片的处理
有时我们在打开一个Word格式的文档时,会发现文档中的图片无法正常显示.本来已经完成的文档,却因图片无法显示而必须得重新编辑.那么有没有更好的解决办法呢?下面小编将给大家讲解一下如何让Word保存图片 ...

html图片按页码显示,html - 在打印html文档时显示页码 - 堆栈内存溢出

html图片按页码显示,html - 在打印html文档时显示页码 - 堆栈内存溢出相关推荐

最新文章

热门文章