Заставьте сноски быть на той же странице, что и его текстовая ссылка

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

1 ответ

  1. Как указано в этой всеобъемлющей статье о печатном дизайне с css (параграф о сносках ), вы можете использовать этот CSS для перемещения сноски в область сноски на той же странице, на которую она ссылается:

    .footnote {
      float: footnote;
    }
    

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