如何在 CSS 和 CSS 中正确对脚注进行分页HTML（印刷媒体）

Question

当使用带有 (X)HTML 的 CSS3 的 @media print 模式时，有没有办法让脚注正常工作，即具有动态脚注区域大小，并且每个页面只有该页面的脚注？或者你能给我指出一个实现这样的事情的 Javascript 秘诀吗？

Answer 1

我通过完全不同的方向找到了解决这个问题的方法。值得庆幸的是，我已经通过 XSLT 转换从 XML 生成了 XHTML。我编写了另一个转换文件，该文件转到（不管你信不信）XeLaTeX；我编写了一个 Python 脚本来应用转换，然后从 Bash 构建脚本中调用它（必须使用 tail 来破解第一行，这是 XeLaTeX 中非法的 XML 声明），然后进行两次编译以生成最终 PDF 文档，带有正确分页的脚注

Answer 2

有许多 JavaScript 库可以进行分页（当然利用 CSS）：

• Pajinate
• jQuery 分页插件
• jPages
• jQuery 分页插件

我还没有时间研究它们，但它们可能会帮助您入门。