Избегайте субтитров, оставленных в покое в конце страницы

Question

Увеличивая или уменьшая стиль надписи в epub, иногда субтитры остаются в конце страницы.

Как я мог избежать этого?

Желаю, чтобы этот субтитр не оставался один в конце страницы и имел как минимум 2 строки следующего абзаца. В противном случае он должен начинаться с новой страницы.

Я пытаюсь использовать div, содержащий субтитры и первый абзац, но теперь я получаю большое пустое пространство на странице, предшествующей субтитрам.

Answer 1

Вы можете разрешить это, используя свойства CSS, такие как перерыв страницы и разрыв страницы перед ... Например, в классе заголовка я добавляю «page-break-after: avoid;» так что он придерживается следующего подзаголовка (я также добавляю то же самое в заголовке главы, чтобы он не был отделен от первого абзаца главы)

Answer 2

Проблема с использованием разрывов страниц, разрыва страницы и page-break-inside заключается в том, что они являются блочными элементами, что означает, что вы должны использовать их в пределах span или div. Если вы просто применяете их к нормальному стилю, они игнорируются (даже если вы добавляете! Важно для свойства).

Вот что мы делаем:

CSS:

div.headbreaks { 
    page-break-inside: avoid; 
} 

HTML:

<div class="headbreaks"> 
<h1>Some Awesome Heading Goes Here</h1> 

<p> 
Bacon ipsum dolor amet filet mignon tempor doner rump bacon, 
ex tenderloin salami consequat jerky pig meatball frankfurter. 
Porchetta beef dolore aliquip pig, bacon excepteur. Cow dolore 
shankle prosciutto fatback. Elit ut frankfurter aliqua pork loin 
aliquip, shank strip steak cow incididunt fugiat in irure jerky 
turducken. 
</p> 
</div> 

Это гарантирует, что элементы, содержащиеся в этом DIV будет оставаться вместе. Если требуется разрыв страницы, читатель должен заставить эти элементы перейти к началу следующей страницы.

HTH