HTML-файл с нижним колонтитулом, отображающим каждую напечатанную страницу.

Я пытаюсь сделать нижний колонтитул для файла HTML, где нижний колонтитул должен отображаться на каждой печатной странице. Я нашел тему с решением, которое блокирует определенный текст на каждой странице, которую я печатаю.

HTML:

<div class="divFooter">This is a footer</div>

CSS:

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}

Проблема с этим кодом в том, что остальная часть моего кода просто перезаписывает его всякий раз, когда достигает нижнего колонтитула. Кто-нибудь знает хорошее и быстрое решение для этого? Если нет, может быть, есть другой способ закрепить нижний колонтитул на каждой странице этого HTML-файла, которую я печатаю? Я также хотел бы отметить, что я не могу связать отдельный файл CSS с HTML. Поэтому каждый код, который я делаю, должен быть в одном и том же файле.


html css footer printing
person Mightybundy    schedule 25.06.2018    source источник
comment
Посмотрите правило @page. Я никогда не связывался с этим, но похоже, что это может быть то, что вы ищете. w3.org/TR/css3-page   -  person mccambridge    schedule 25.06.2018

Ответы (1)


arrow_upward
-1
arrow_downward

Возможно, решение состоит не только в использовании HTML и CSS, но и в использовании PHP, включив нижний колонтитул на каждую страницу, чтобы у вас был фиксированный нижний колонтитул для каждой страницы.

<html>
...
<? php

include_once ("footer.html");
?>
...
person Jerfeson Guerreiro    schedule 25.06.2018