impression html sur la page A4, support ne fonctionne pas

J'ai l'obligation d'imprimer la page html dans la dimension A4, plus je veux imprimer le corps du contenu avec css, html et ignorer la liste de menu, en-tête, pied de page et menu de droite liste. Pour commencer par cela, j'ai introduit simple div et classe noprint et l'ajouter dans @media print, mais il semble ne fonctionne pas. La classe noprint fonctionne en dehors de l'impression @media, donc je sais que c'est correct.impression html sur la page A4, support ne fonctionne pas

Aussi mon exigence est d'imprimer directement à partir du navigateur en utilisant l'option de clavier standard Ctrl + P

<style type="text/css"> 

    .standardStyle { 
     display:block; 
     width:200px; 
     height:150px; 
     padding:10px; 
     background-color:green; 
     margin:5px; 
    } 

    @media print{ 
    .noprint{ color:red;} 
    } 

</style> 

</head> 
<body> 

<div class="noprint standardStyle"> 
    this is test line.... 
</div> 

<div class="print standardStyle"> 
    this is test line.... 
</div> 

<div class="print standardStyle"> 
    this is test line.... 
</div>

Source

2016-03-22 toxic

Exécuter l'extrait et appuyez sur Ctrl + P , vous verrez la ligne en couleur rouge. Capture d'écran:

@media print { 
 
     .noprint { color:red; } 
 
}

<div class="noprint"> 
 
     this is test line..... 
 
</div>

Source

2016-03-22 16:42:59 Tushar

merci beaucoup cela a fonctionné .... – toxic

@media print 
{  
    .noprint{  
    display: none !important;   
    }  
}

Source

2016-03-22 16:39:17

La plupart des navigateurs ne s'impriment pas les couleurs de fond et les images de fond par défaut. Je suppose que vous manquez le fond vert - c'est la raison pour cela.

Habituellement, cela peut être activé dans la boîte de dialogue d'impression du navigateur, mais pour forcer l'impression d'un arrière-plan, vous pouvez seulement essayer d'ajouter !important aux paramètres qui n'apparaissent pas correctement à l'impression.

Source

2016-03-22 16:51:01 Johannes

impression html sur la page A4, support ne fonctionne pas

Répondre

Questions connexes