Maison > interface Web > tutoriel CSS > Comment éviter les pages vierges supplémentaires lors de l'impression avec CSS ?

Comment éviter les pages vierges supplémentaires lors de l'impression avec CSS ?

DDD
Libérer: 2024-11-03 03:32:31
original
1113 Les gens l'ont consulté

How to Prevent Extra Blank Pages When Printing with CSS?

Empêcher les pages vierges supplémentaires lors de l'impression avec CSS

Lors de l'impression de documents HTML à l'aide d'une propriété CSS, les utilisateurs peuvent rencontrer un problème où un blanc supplémentaire la page est imprimée avant ou après le contenu prévu. Pour résoudre ce problème, envisagez les solutions suivantes :

Une approche consiste à utiliser la propriété page-break-after avec la valeur Always. Cependant, cela peut introduire une page blanche supplémentaire avant le contenu. Pour éviter cela, essayez de définir le saut de page avant sur toujours.

Une autre méthode plus efficace consiste à utiliser des requêtes multimédias spécifiquement à des fins d'impression, telles que :

@media print {
    html, body {
        height: 99%;    
    }
}
Copier après la connexion

En définissant la hauteur des éléments HTML et du corps à 99 % dans la requête de support d'impression, vous pouvez éliminer tout espace vide supplémentaire qui pourrait entraîner l'impression de la page supplémentaire.

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal