A4 sayfasındaki yazdırma html, ortam çalışmıyor

A4 boyutunda html sayfası yazdırmaya ihtiyacım var, artı css, html ile birlikte içerik baskısını yazdırmak ve menü listesini, üstbilgi, altbilgi ve sayfa sağ taraftaki menüyü yok saymak istiyorum liste.A4 sayfasındaki yazdırma html, ortam çalışmıyor

Bununla başlayabilmek için, basit div ve class noprint'i tanıttım ve bunu @ media yazdırmaya ekledim ancak çalışmıyor gibi görünüyor. noprint sınıfı @media yazısının dışında çalışır, bu yüzden doğru olduğunu biliyorum.

Ayrıca benim gereksinimi + U standart Ctrl + P klavye seçeneği

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

kaynak

2016-03-22 toxic

Çalıştır pasajı kullanarak doğrudan tarayıcıdan yazdırmak ve Ctrl tuşuna çizgiyi kırmızı renkte göreceksiniz. Ekran Görüntüsü:

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

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

kaynak

2016-03-22 16:42:59 Tushar

çok teşekkürler, işe yaradı .... – toxic

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

kaynak

2016-03-22 16:39:17

Çoğu tarayıcı varsayılan olarak arka plan renkleri ve arka plan görüntüleri yazdırmak YOKTUR. Sanırım yeşil arka planı kaçırıyorsunuz - bunun sebebi de bu.

Genellikle bu, tarayıcının yazdırma iletişiminde etkinleştirilebilir, ancak yazdırılacak bir arkaplanı zorlamak için baskıda düzgün görünmeyen ayarlara yalnızca !important eklemeye çalışabilirsiniz.

kaynak

2016-03-22 16:51:01 Johannes

A4 sayfasındaki yazdırma html, ortam çalışmıyor

cevap

İlgili konular