防止div及其內容被打印

Question

我有一個打印頁面，我想把一個div的一些說明如何打印其中的頁面。我不希望此部分在他們實際打印頁面時出現。

我會如何使用CSS或JavaScript實現這一目標？

Answer 1

的常用方法是使用一個單獨的CSS打印。 您可以爲所有媒體一個css和一個打印：在DIV無：

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

在print.css只是把顯示器。

達維德

Answer 2

您正在尋找@media print。

Answer 3

您可以包含僅在打印時應用的樣式表。

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

在該樣式表中，您可以隱藏您的div並進行任何其他必要的更改。在打印樣式表

Answer 4

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

位更多信息

Answer 5

插入一個樣式表只是打印：

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

然後把CSS將內容隱藏在樣式表中的DIV

Answer 6

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

在這個CSS文件樣式中顯示：none;爲元素，你不希望打印

Answer 7

在你的HTML，指示用於打印樣式表：

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

而在這個CSS：

#mydiv {display: none;} 

Answer 8

因爲它在這裏沒有前面所說的，你不一定需要有一個外部樣式表：

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

Answer 9

最簡單的辦法是在主CSS添加此文件。請注意，當你鏈接的CSS文件，你不應該指定的媒體屬性（<link type="text/css" rel="stylesheet" href="/path/to/css.css" />）：

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

Answer 10

任何與div的PHP內部再取迪夫亞的建議。我花了幾個小時，直到遇到這個問題，在其他代碼中使用php頁面放入外部和所有類，效果很好:)另外，bootstraps可以很好地工作，而bootstrap可以被忽略並仍然可以打印。

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