У меня есть страница, организованная по разделам и подразделам, для которой я сейчас хочу написать распечатку CSS.Я добавил page-break-after: always;
для всех разделов, чтобы каждый раздел начинался на новой странице;это работает так, как и ожидалось.Теперь, внутри этих разделов, макет выглядит следующим образом:
<div class="section">
<div class="subsection">
<hr>
<h2>Subsection heading</h2>
<div>...content...</div>
<div>...content...</div>
</div>
<div class="subsection">
<hr>
<h2>Subsection heading</h2>
<div>...content...</div>
<div>...content...</div>
</div>
</div>
В чем моя проблема сейчас, что иногда сразу после заголовка подраздела возникают разрывы страниц.Я пробовал page-break-after: avoid;
на h2, но это ничего не меняет.Все <div>
имеют page-break-inside: avoid;
, поэтому я также уверен, что он не сломается внутри них.Тем не менее, они также не длиннее страницы, поэтому этот page-break-inside
также не перезаписывает желаемый эффект.
Я подумал, что если бы вы как-то побудили браузер сломаться (перед заголовком)если это ближе к концу страницы, это решит мою проблему.Однако для page-break-...
такой спецификации не существует.Есть ли способ сделать это?