CSS3 GCPM spec定义了以下内容

.footnote { float: footnote }

A sentence consists of words. Most often..

呈现为

A sentence consists of words. ¹

¹ Most often. [at the end of (each) page]

当打印(也适用于屏幕媒体类型,但只要它适用于打印我很开心)。

这正是我想要做的,无论多么复杂,但据我所知,没有现代浏览器实现这个规范,也没有css-paging规范。如果我愿意使用javascript,是否有任何方法来达到这个效果。至少可以使用一些图书馆生成一个pdf,但如果可能,我不想失去html的力量(像浮点数等)。

为了防止你想知道,笔记是

A note is a string of text placed at the bottom of a page in a book or document or at the end of a chapter, volume or the whole text.

和脚注是

… notes at the foot of the page while endnotes are collected under a separate heading at the end of a chapter, volume, or entire work.

可以寻求解决方案的一个可能的方向是找出单页的高度,在这种情况下,在29.7cm的预期高度和26.1cm的试验与错误高度(至少在我的系统之间)之间会出现差异,这可以使用以下代码观察:

@page{

margin:0px;

padding:0px;

}

html,body,*{

margin:0px;

padding:0px;

}

p{

border:1px solid black;

height:26.1cm;

}

和一对空的< p>。我会考虑解释这种差异(从而允许它的控制)足够的解决方案。

html加页面脚注,javascript – 打印HTML每页脚注相关推荐

  1. JavaScript打印和预览等

    JavaScript打印和预览等 1.JavaScript局部打印 <input id="btnPrint" type="button" value=&q ...

  2. ajax请求成功之后,自动打开一个空白页面,并打印出了返回内容

    一.问题描述 ajax请求成功之后,自动打开一个空白页面,并打印出了返回内容,返回值是规定的success内容:{code: "200", msg: "请求成功" ...

  3. (转)基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作...

    http://www.cnblogs.com/wuhuacong/p/5147368.html 在前面介绍了很多篇相关的<Bootstrap开发框架>的系列文章,这些内容基本上覆盖到了我这 ...

  4. js 页面打印,兼容单个打印和分页批量打印,自定义页眉和简单页脚

    场景: 最近在公司做开发,有个需求需要页面打印功能,作为前端半桶水都不到,只会改页面的我,一脸懵逼,公司里也没人系统的做过,按照惯例,本着有事找度娘的心态(我一直认为我们现在遇到的70%-80%的问题 ...

  5. javascript打印发票

    几个月前,公司的某一个项目需要连接到打印机打印订单发票,利用javascript的window.print()调用打印页面进行打印.随着时间的推移,客户那边每次打印发票都需要手动进行切割.一个订单的发 ...

  6. JavaScript打印Excel、Word

    JavaScript调用本地打印机,打印Excel.Word文件 之前写过一篇文章,使用java调用打印机打印Excel文件: java调用打印机:http://blog.csdn.net/wangx ...

  7. 原生JS调用打印预览页面并实现打印文件流图片(亲测有效)

    在工作中我们经常会遇到使用浏览器预览打印页面并实现文件打印,那么如何才能够在打印预览页面中显示图片呢?希望看完这篇文章对您有所帮助! 1. 原生JS调用打印预览页面 2. 在打印预览页面加载图片 使用 ...

  8. h5 页面多张图片打印功能

    最近在公司项目中,页面有个打印功能.需要打印所有的图片. 前端window.print() 前端vue代码: <!-- start --><!-- end --> 是指:要打印 ...

  9. 上一页下一页_Excel打印时一页放不下,4招轻松搞定,省下的纸叫老板加工资

    工作中,都需要制作各种数据表格,有时候内容太多,打印的时候发现,1页放不下,有一部分内容打印到了第2页纸上面去了,又得回去重新打印,这类问题是每个办公人员很头痛的事,今天学会这5招,轻轻松松解决打印成 ...

  10. JavaScript 打印结果时多出一个undefined/出现undefined

    JavaScript 打印结果时多出一个undefined/出现undefined 1.检查是否变量未初始化. 如下图,未初始化值就拿来使用,结果会出现undefined. var newStr; 修 ...

最新文章

  1. 一加7t人脸识别_一加7T系列国行版开启预约 谷歌Pixel 4系列高清图曝光
  2. java.util.concurrent 编程范例
  3. Android studio编译好的apk文件在哪里?
  4. SmartSql For Asp.Net Core 最佳实践
  5. 数据库期末复习知识点:(仅供参考)
  6. MyBatis-面试题
  7. 33. 对包含指针的容器使用remove这一类算法时要特别小心
  8. 参加京东管培生的网上测试笔试,需要注意什么?
  9. Python电影售票系统
  10. 连接上局域网打开计算机卡,win7怎么玩局域网游戏,win7怎么玩局域网游戏卡
  11. 前端7大常用布局方式
  12. 从模型制作(3dmax)到网页显示(babylonjs)全过程介绍
  13. python有理数_Python3标准库:fractions有理数
  14. ad中使用智能粘贴_ADAS/AD专题1万字讲透量产智能驾驶系统方案
  15. 费解的开关 (蓝桥杯倒计时12天)
  16. YOLOv3目标检测算法——通俗易懂的解析
  17. 【OpenCV3图像处理】颜色空间转换(一)颜色空间分类总结
  18. 手机摄像头基础知识-1-缩写篇
  19. [读书笔记]结绳记事
  20. 2021年小米日常实习一面(自己整理的答案)

热门文章

  1. SPSS实现距离分析
  2. ConstraintLayout约束布局
  3. 前后端分离 获取客户端ip_前后端分离交互
  4. Datawhale打卡第2次
  5. 如何打造高质量的NLP数据集
  6. 微信小程序直接打开第三方app,如何实现?
  7. Part 66 - Check及Uncheck所有CheckBox 同时删除多行数据记录的实现
  8. NPN和PNP三极管搭建推挽电路实验
  9. 关于word导出pdf时更新域出错的问题
  10. 达梦disql中“pagesize”的设置