Comment éviter les pages vierges indésirables lors de l'utilisation de sauts de page en HTML et CSS ?

Éviter les pages vierges indésirables lors de l'impression

En HTML et CSS, les sauts de page peuvent être contrôlés à l'aide des sauts de page après et page- propriétés de rupture avant. Cependant, l'utilisation de ces propriétés peut parfois entraîner l'apparition de pages vierges supplémentaires avant ou après la pause prévue.

Par exemple, le code suivant imprime une page vierge supplémentaire après le contenu en raison du saut de page après : toujours ; :

<code class="html"><div class="print" style="page-break-after: always;">fd</div>
<div class="print" style="page-break-after: always;">fdfd</div></code>

Pour éviter ce problème, pensez à utiliser la solution suivante :

<code class="css">@media print {
    html, body {
        height: 99%;    
    }
}</code>

Cette règle CSS réduit efficacement la hauteur des éléments HTML et body à 99 %, empêchant ainsi le navigateur de ajouter une page vierge supplémentaire après le contenu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!