CSS-break-after creeps после нескольких pges

Question

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

DIVs имеют этот класс в print.css, так что я получаю разрыв страницы после каждого раздела.

.breakSection { 
    display: block !important; 
    width: 100% !important; 
    min-height: 100px !important; 
    page-break-after: always !important; 
} 

Answer 1

Вы пытались сделать это наоборот?

page-break-before: always; 

Вы не всегда можете знать, где закончится страница, но вы можете решить, где она начнется, и пусть это закончится естественным путем.

Answer 2

Вы также захотите установить маржу в 0 при печати. Это позволит сохранить размеры страниц и разрывы страниц.

@media print{body{margin:0}}