CSS page-break-after kriecht nach ein paar pges

Question

Ich habe Blockelemente (DIVs), die in Druckmedien Seitenumbrüche haben. Das Problem ist, dass break migriert, so dass es einen Seitenumbruch gibt, aber die Seitenhöhe scheint nicht übereinstimmend zu sein und das div beginnt, den Seitenumbruch in der Druckvorschau zu überbrücken. Dies ist hauptsächlich ein Problem in Chrome.

Die DIVs haben diese Klasse in der print.css, so dass ich nach jedem Abschnitt einen Seitenumbruch bekomme.

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

Answer 1

Haben Sie versucht, es andersherum zu tun?

Sie können nicht immer wissen, wo die Seite enden wird, aber Sie können entscheiden, wo es beginnt und es natürlich enden lassen.

Answer 2

Sie sollten den Rand auch beim Drucken auf 0 setzen. Dadurch bleiben die Seitengrößen und Seitenumbrüche konsistent.

@media print{body{margin:0}}