Предотвращение появления дополнительных пустых страниц при печати с помощью CSS

При печати HTML-документов с использованием свойства CSS пользователи могут столкнуться с проблемой, когда появляется лишний пробел страница печатается до или после предполагаемого содержимого. Чтобы решить эту проблему, рассмотрите следующие решения:

Один из подходов — использовать свойство page-break-after со значением Always. Однако это может привести к появлению дополнительной пустой страницы перед содержимым. Чтобы этого избежать, попробуйте установить для параметра page-break-before значение всегда.

В качестве альтернативы, более эффективным методом является использование медиа-запросов специально для целей печати, например:

@media print {
    html, body {
        height: 99%;    
    }
}

Установив высоту элементов HTML и body на 99 % в запросе на печать мультимедиа, вы можете устранить любое дополнительное пустое пространство, которое может привести к печати дополнительной страницы.