Drucken html auf A4-Seite, das Medium funktioniert nicht

Ich habe Anforderung, HTML-Seite in A4-Dimension zu drucken, und ich möchte Inhaltskörper drucken zusammen mit CSS, HTML und Menüliste, Kopfzeile, Fußzeile und Seite rechts Menü zu ignorieren Liste.Drucken html auf A4-Seite, das Medium funktioniert nicht

Um damit zu beginnen, habe ich einfache div und Klasse Noprint eingeführt und dies in @media Print hinzufügen, aber es scheint nicht zu funktionieren. Noprint-Klasse funktioniert außerhalb des @ media print, so dass ich weiß, dass es korrekt ist.

auch meine Anforderung direkt vom Browser mit Standard Strg + P-Tastatur Option

<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>

Quelle

2016-03-22 toxic

Führen Sie den Code-Schnipsel und drücken Sie Strg + P zum Drucken Sie sehen die Linie in roter Farbe. Screenshot:

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

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

Quelle

2016-03-22 16:42:59 Tushar

vielen dank es funktionierte .... – toxic

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

Quelle

2016-03-22 16:39:17

Die meisten Browser standardmäßig Hintergrundfarben und Hintergrund-Bilder werden nicht gedruckt. Vermutlich fehlt dir der grüne Hintergrund - das ist der Grund dafür.

Normalerweise kann dies im Druckdialogfeld des Browsers aktiviert werden, aber um das Drucken eines Hintergrunds zu erzwingen, können Sie nur versuchen, !important zu den Einstellungen hinzuzufügen, die im Ausdruck nicht korrekt angezeigt werden.

Quelle

2016-03-22 16:51:01 Johannes

Drucken html auf A4-Seite, das Medium funktioniert nicht

Antwort

Verwandte Themen