set 2 Seitenumbrüche bei html print

Question

Ich möchte eine leere Seite auf dem Drucken von HTML-Seite hinzufügen. Ich benutze diese Klasse:

.page{ 
    PAGE-BREAK-AFTER: always;  
} 

Wenn Seite gedruckt wird, bricht die Seite. Die Sache ist, ich möchte einen weiteren Seitenwechsel nach diesem hinzufügen.

Ich habe versucht, mit:

.page{ 
    page-break-after: always;  
    page-break-before: always; 
} 

Aber nur eins gesetzt ist. Wie könnte ich 2 oder viele Seitenumbrüche einstellen? Oder wie könnte ich eine leere Seite hinzufügen?

Answer 1

Versuch dies zu tun:

<div class="page-before"></div> 
<div class="page"> 
    <!-- page content here --> 
</div> 

Und die CSS:

.page-before { 
    page-break-before: always; 
} 
.page { 
    page-break-after: always; 
} 

Und solange die page-before div immer leer ist, sollte es nicht sichtbar sein oder das Layout negativ beeinflussen.

Answer 2

Endlich musste ich etwas Text in das div einbringen, nur damit IE die Pause nicht ignorieren konnte. Es wird schließlich auf diese Weise:

.page { 
 
    page-break-after: always; 
 
}

und html:

<div class="page"> 
 
    <!-- page content here --> 
 
</div> 
 
<div class="page"> 
 
    · 
 
</div>