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
DDDoriginal
2024-11-03 03:32:311071parcourir

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%;    
    }
}

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!

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