强制脚注与其文本引用位于同一页面上

时间:2016-05-02 11:12:07

标签: css footnotes

在CSS中,我试图弄清楚是否有编码使脚注始终(或至少开始)在与正文中相应数字相同的页面上。我目前正在体验一个程序(新闻本),有时脚注会显示在页面上,跟随它在身体中的数字。当脚注编号位于正文的最后四行的任何位置时,会发生这种情况。您可能建议修改的任何编码?

以下是相关编码:

@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; }

1 个答案:

答案 0 :(得分:0)

this comprehensive article about print design with cssparagraph about footnotes)中所述,您可以使用此CSS将脚注移动到其引用的同一页面上的脚注区域中:

.footnote {
  float: footnote;
}

这就是你用CSS正确定义脚注的方法,但程序(浏览器或打印预生产应用程序)可能总是误解它。