在 CSS 中,我试图弄清楚是否有编码可以使脚注始终(或至少开始)与正文中相应的数字位于同一页面上。我目前正在使用一个程序(Pressbooks),有时脚注会显示在页面上的正文编号之后。当脚注编号位于正文最后四行的任何位置时,就会发生这种情况。您可能建议修复任何编码?
相关代码如下:
@page {
@footnotes {
border-top-style:solid;
border-top-width:thin;
border-top-color:black;
margin-bottom: 20px;
margin-top: 20px;
padding-top: 0.5em; } }
.footnote {
font-size: 0.75em;
display: footnote;
display: prince-footnote;
position: footnote;
counter-increment: footnote;
footnote-style-position: inside;
margin: 0 0 5px 5px;
padding-left: 0px;
text-indent: -10px;
line-height: 1.4;
text-align: left; }
.footnote {
font-size: 0.875em;
display: footnote;
display: prince-footnote;
prince-footnote-policy: keep-with-line;
position: footnote;
counter-increment: footnote;
footnote-style-position: inside;
margin-left: 0px;
line-height: 1.4;
text-indent: 0em;
text-align: justify; }
最佳答案
如 this comprehensive article about print design with css 中所述( paragraph about footnotes ),您可以使用此 CSS 将脚注移动到被引用的同一页面的脚注区域:
.footnote {
float: footnote;
}
这就是您使用 CSS 正确定义脚注的方式,但是程序(浏览器或打印预生产应用程序)可能总是会误解它。
关于css - 强制脚注与其文本引用在同一页上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36981056/