Comment puis-je masquer les éléments indésirables lors de l'impression d'une page Web ?

Masquage d'éléments lors de l'impression d'une page Web

L'impression de pages Web peut occasionnellement imprimer des éléments indésirables dans l'impression finale, tels que des boutons ou des liens. Pour résoudre ce problème, envisagez :

Requête multimédia CSS :

Utilisez les requêtes multimédia CSS pour cibler des éléments en fonction du type de support d'impression. Par exemple :

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

Affectation de classe HTML :

Ensuite, attribuez une classe (par exemple, « no-print ») aux éléments que vous souhaitez masquer pendant impression. Par exemple :

<button class="no-print">Print Here</button>

En employant cette méthode, le bouton « Imprimer ici » sera masqué lors de l'impression, comme assigné par la classe « no-print » et la requête multimédia CSS qui définit « display : none " pour la presse écrite.

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!