ページが印刷されるときにのみHTML要素を表示する方法は？

Question

私はこのhtml要素を持っている：ページが印刷されたときにウェブでそれを隠してしなければならない一方で、のみ表示されるように上記の要素にする方法

<img src="@Url.Content("~/Content/images/logo.png")" style="width:150px;height:80px;" alt="" /> 

。

どうすればいいですか？

Answer 1

Doブートストラップsynthax後

...ブートストラップは、あなたのツールを提供する場合、独自のCSSを作成する必要はありません。

.visible-print-block 
.visible-print-inline 
.visible-print-inline-block 

：ここ

<img class="visible-print-block" src="@Url.Content("~/Content/images/logo.png")" style="width:150px;height:80px;" alt="" /> 

は状態を印刷する特定のいくつかのクラスであります

ここに文書があります：http://getbootstrap.com/css/#responsive-utilities-print

Answer 2

このような何かを実行します。

Webモードにすると - それは隠されます：印刷モードで

#printOnly { 
    display : none; 
} 

- それが表示されます：

@media print { 
    #printOnly { 
    display : block; 
} 
} 

置き、あなたのイメージを中div id=printOnly

Answer 3

@media screen 
{ 
    .noPrint{} 
    .noScreen{display:none;} 
} 

@media print 
{ 
    .noPrint{display:none;} 
    .noScreen{} 
}