печатать CSS: поощрять разрыв страницы - PullRequest
0 голосов
/ 29 января 2019

У меня есть страница, организованная по разделам и подразделам, для которой я сейчас хочу написать распечатку 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-... такой спецификации не существует.Есть ли способ сделать это?

...