Maison  >  Article  >  interface Web  >  Comment éviter les pages vierges indésirables lors de l’utilisation de sauts de page en HTML et CSS ?

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

Patricia Arquette
Patricia Arquetteoriginal
2024-10-30 21:23:30795parcourir

How to Avoid Unwanted Blank Pages When Using Page Breaks in HTML and 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn