html加页面脚注,javascript – 打印HTML每页脚注

本文讨论了CSS3 GCPMspec对于脚注的定义,即在页面底部显示脚注。作者希望实现这一功能,但发现现代浏览器并未完全支持。尽管可以借助JavaScript库生成PDF,作者更倾向于保持HTML的灵活性,如浮动元素等。文章中提到尝试通过计算单页高度来模拟脚注行为,但存在差异。作者寻求解决方案,期望能控制这种差异以实现预期效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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>。我会考虑解释这种差异(从而允许它的控制)足够的解决方案。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值