Нижний колонтитул только внизу последней страницы (во время печати)CSS

Разбираемся в CSS
Ответить
Anonymous
 Нижний колонтитул только внизу последней страницы (во время печати)

Сообщение Anonymous »

У меня есть шаблон сертификата, он имеет динамическое содержимое в верхнем, основном и нижнем колонтитулах. Он выглядит нормально, если печать представляет собой одну страницу, но если печать состоит из более чем 1 страницы, нижний колонтитул не отображается внизу последней страницы. p>
Я пробовал много вещей, таких как положение: абсолютное, статическое, фиксированное, код ниже наиболее близок к тому, что мне нужно.

Код: Выделить всё

body {
min-height: 100vh;
margin: 0;
}

header {
min-height: 50px;
background: lightcyan;
}

footer {
min-height: 50px;
background: PapayaWhip;
}

body {
display: flex;
flex-direction: column;
}

article {
flex: 1;
}

.h500 {
height: 500px;
border: 1px solid #DDD;
margin: 2px;
}

Код: Выделить всё




Header

I made its height:500px to show it in 2 pages
I made its height:500px to show it in 2 pages
I made its height:500px to show it in 2 pages

Footer





Подробнее здесь: https://stackoverflow.com/questions/783 ... e-printing
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»