Я пытаюсь напечатать HTML содержимое, где каждый тег H1 печатается вверху новой страницы.
Несмотря на то, что на эту тему были и другие статьи SO, всем им, по-видимому, не менее 5 лет. И ни у одного из них нет работающих резолюций.
Кроме того, похоже, что свойство break-before
CSS заменило свойство page-break-before
со времени написания этих вопросов.
Вот мой CSS. Это работает с Firefox - я получаю разрыв страницы, где я ожидаю этого. Chrome игнорирует это.
h1 {
break-before: page;
color: #C8622E;
}
@media print {
@page {
size: letter portrait;
margin: 2cm;
}
body * {
visibility: hidden;
}
#printstuff, #printstuff * {
visibility: visible;
}
#printstuff {
position: absolute;
float: none;
left: 0;
top: 0;
overflow: visible;
}
* {
font-size: large;
}
}
Есть предложения, что попробовать?