Сноски для текста на одной странице с ее текстовой ссылкой

Question

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

Answer 1

Как указано в this comprehensive article about print design with css (paragraph about footnotes), вы можете использовать этот CSS, чтобы переместить сноски в области сносок на той же странице, это время ссылка:

.footnote { 
    float: footnote; 
} 

Это то, как вы правильно определяете сноски с помощью CSS, однако программа (браузер или приложение для предварительной печати) может всегда неверно истолковывать ее.