Всем привет! В этом материале я расскажу про свойство page-break-inside и зачем оно нужно.
Всем привет! В этом материале я расскажу про свойство page-break-inside и зачем оно нужно.
Данное свойство разрешает или запрещает разрыв страницы при печати или предварительном просмотре.
Его нельзя использовать с абсолютным позиционированием.
Применяется к блочным элементам.
Может принимать значение auto, при котором он сам будет вставлять разрыв при необходимости, avoid, тут он запрещает разрыв страницы внутри элемента и inherit - наследует значение от родителя.
Пример:
<h2>Какой-то заголовок</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum incidunt fugiat fugit voluptates quis alias ipsum, accusamus in. Voluptatem in, sint illum ducimus harum.</p>
<p class="more">Продолжить чтение</p>
И CSS @media print {
p {
page-break-inside: avoid;
}
}
Итак, на этом все. Спасибо за внимание!
