J'ai une page d'impression, et je veux mettre un DIV avec quelques instructions sur la manière d'imprimer la page. Je ne veux pas que cette section apparaisse quand ils impriment en fait la page.
Comment puis-je réaliser cela en utilisant CSS ou JavaScript?
10 Réponses :
Vous pouvez inclure une feuille de style qui n'est appliquée que lors de l'impression.
<LINK REL="stylesheet" TYPE="text/css" MEDIA="print" HREF="print-specific-styles.css">
http://www.webcredible.co .uk / convivial-Ressources / CSS / PRINT-stylesHeet.shtml
Bit plus d'informations sur les feuilles de style d'impression
Insérer une feuille de style juste pour imprimer: puis mettre CSS pour masquer la DIV dans cette feuille de style
<link type="text/css" rel="stylesheet" media="print" href="/css/print.css" /> in this css file style put display: none; for elements you don't want to be printed
Dans votre HTML, indiquez une feuille de style utilisée pour l'impression: et dans ce CSS:
Une méthode courante consiste à utiliser un CSS séparé pour l'impression. Vous pouvez avoir un CSS pour tous les supports et un pour imprimer:
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
Étant donné que cela n'a pas été déclaré ici auparavant, vous n'avez pas nécessairement besoin d'avoir une feuille de style externe:
<style type="text/css" media="print">
.hideMeInPrint { display: none; }
</style>
La solution la plus simple consiste à ajouter ceci dans le fichier CSS principal. Notez que, lorsque vous reliez le fichier CSS, vous ne devez pas spécifier l'attribut multimédia (
Quiconque travaillant avec Div's Inside PHP puis prenez la recommandation de Divya. J'ai passé des heures à ce jour jusqu'à ce qu'il y ait couru à travers cela, mettre en classe externe et toutes les classes d'autres Code avec PHP, fonctionne bien :) Fonctionne également bien avec des bootstraps alors que Bootstrap peut autrement être ignoré et toujours imprimé.
@media print {
div.classname {
display:none;
}
}