Свойство page-break-inside

Описание

Разрешает или запрещает разрыв страницы внутри элемента при печати.

Синтаксис

page-break-inside: auto | avoid;
Значение Описание
auto Вставляет разрыв страницы при необходимости.
avoid Запрещает разрыв страницы внутри элемента.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 @media print {
 .more {
 page-break-inside: avoid;
 }
 }
 </style>
 <h2>Далеко-далеко</h2>
 <p>
 Далеко-далеко, за словесными горами в стране гласных и согласных живут рыбные тексты.
 </p>
 <p class='more'>Читать дальше</p>
</body>
</html>

Далеко-далеко

Далеко-далеко, за словесными горами в стране гласных и согласных живут рыбные тексты.

Читать дальше

Читайте также