Печать страницы
- Отдельный print-stylesheet или media query:
@media print {
nav, .ads { display: none; }
a[href]::after { content: " (" attr(href) ")"; }
}
- Управление разрывами страниц:
.page-break {
display: none;
}
@media print {
.page-break {
display: block;
page-break-before: always;
}
}
<p>Первый блок...</p>
<div class="page-break"></div>
<p>Второй блок...</p>
Итог
Для печати скрывают UI, правят цвета/фоны, контролируют разрывы и проверяют реальный Print Preview.
