Maison > interface Web > tutoriel CSS > le corps du texte

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

Patricia Arquette
Libérer: 2024-10-30 21:23:30
original
868 Les gens l'ont consulté

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>
Copier après la connexion

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

<code class="css">@media print {
    html, body {
        height: 99%;    
    }
}</code>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal