Prevenire la stampa di un div e il suo contenuto

Question

Ho una pagina di stampa e voglio inserire un div con alcune istruzioni su come stampare la pagina al suo interno. Non voglio che questa sezione appaia quando stampano effettivamente la pagina.

Come ottenerlo utilizzando CSS o JavaScript?

Answer 1

Un metodo comune è quello di utilizzare un CSS separato per la stampa. Si può avere un CSS per tutti i supporti e uno per la stampa:

<link rel="stylesheet" 
    type="text/css" 
    media="print" href="print.css" /> 

Nel print.css appena messo il display: none sul div.

Davide

Answer 2

Stai cercando @media print.

Answer 3

È possibile includere un foglio di stile che viene applicato solo durante la stampa.

<LINK REL="stylesheet" TYPE="text/css" MEDIA="print" HREF="print-specific-styles.css"> 

In questo foglio di stile, è possibile nascondere i div e apportare eventuali altre modifiche necessarie.

Answer 4

http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml

Bit più informazioni Fogli Stile di stampa

Answer 5

Inserire un foglio di stile solo per la stampa:

<link rel="stylesheet" href="/path/print.css" media="print" /> 

Poi Inserisci risorse CSS per nascondere il div in quel foglio di stile

Answer 6

<link type="text/css" rel="stylesheet" media="print" href="/css/print.css" /> 

in questo file css style put display: none; per gli elementi non si vuole essere stampato

Answer 7

nel codice HTML, indicare un foglio di stile usato per la stampa:

<link rel="stylesheet" type="text/css" media="print" href="print.css"/> 

E in questo CSS:

#mydiv {display: none;} 

Answer 8

Dal momento che non è stato detto qui prima, non è necessariamente bisogno di avere un foglio di stile esterno:

<style type="text/css" media="print"> 
.hideMeInPrint { display: none; } 
</style> 

Answer 9

La soluzione più semplice è quella di aggiungere questo nella principale CSS file. Da notare che, quando si collega il file CSS, non si deve specificare l'attributo media (<link type="text/css" rel="stylesheet" href="/path/to/css.css" />):

@media print { 
    div.classname { 
    display:none; 
    } 
} 

Answer 10

chiunque lavori con div all'interno di php poi prendere Divya del consiglio. Ho passato ore su questo fino a quando non ho trovato questo, messo in esterna e tutta la classe in altro codice con php page, funziona alla grande :) Inoltre, funziona bene con bootstrap, mentre bootstrap può essere ignorato e comunque stampato.

@media print { 
    div.classname { 
    display:none; 
    } 
}