Pourquoi des pages vierges supplémentaires apparaissent-elles lorsque j'imprime mon document HTML ?

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

Lors de l'impression de documents HTML, vous pouvez rencontrer un problème où une page vierge supplémentaire apparaît avant ou après le contenu prévu. Cela peut être frustrant et gaspiller du papier précieux. Pour résoudre ce problème, nous présentons une solution qui implique des requêtes multimédias CSS et des ajustements de hauteur de page. Entrons dans les détails :

Dans le code HTML fourni, vous utilisez la propriété CSS page-break-after: always; pour forcer un saut de page après chaque div .print. Cependant, cette approche peut entraîner l'impression d'une page vierge supplémentaire au début ou à la fin du document.

Pour éviter cela, pensez à utiliser une requête multimédia pour cibler la feuille de style d'impression. Voici comment vous pouvez implémenter cela :

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

Dans cette requête multimédia, nous définissons la hauteur des éléments html et body à 99 %. Cela garantit que le contenu est réparti sur plusieurs pages si nécessaire, évitant ainsi la génération d'une page vide à la fin.

En ajustant la hauteur de la page, nous pouvons contrôler la quantité d'espace disponible pour l'impression. Cela évite l'ajout inutile de pages vierges supplémentaires, ce qui permet une impression efficace et économe en papier.

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!