How to Paginate Footnotes Properly in CSS & HTML (

问题:

Is there a way to get footnotes to work properly, i.e. with a dynamic footnote region size and each page having only the footnotes for that page, when using the @media print mode of CSS3 with (X)HTML? Or can you point me to a Javascript recipe for achieving something like this?

回答1:

I have found a solution for this problem by working in an entirely different direction. Thankfully, I was already producing the XHTML from XML with an XSLT transform. I wrote another transform file, that went to (believe it or not) XeLaTeX; I wrote a Python script to apply the transform, then called it from a Bash build script (which had to use tail to hack off the first line, which is an XML declaration illegal in XeLaTeX) and then does two passes of compilation to produce the final PDF document with properly paginated footnotes

回答2:

There are a number of JavaScript libraries that do pagination (leveraging CSS, of course):

• Pajinate
• jQuery Pagination Plugin
• jPages
• jQuery Paging Plugin

I have not yet had time to look into them, but they might get you started.