définir 2 sauts de page sur l'impression html

Question

Je veux ajouter une page blanche sur l'impression de la page html. J'utilise cette classe:

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

Lorsque la page est imprimée, les sauts de page. La chose est que je veux ajouter un autre saut de page après celui-ci.

J'ai essayé avec:

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

Mais on est fixé. Comment pourrais-je définir 2 ou plusieurs sauts de page? Ou comment pourrais-je le faire pour ajouter une page blanche?

Answer 1

Essayez de faire ceci:

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

Et le CSS:

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

Et aussi longtemps que le page-before div est toujours vide, il ne devrait pas être visible ou affecter négativement la mise en page.

Answer 2

Enfin, j'ai dû introduire du texte dans la div juste pour que IE ne pas ignorer la pause après. Il obtient finalement ainsi:

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

et le code html:

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