如何使HTML元素僅在頁面打印時顯示？

Question

我有這樣的HTML元素：

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

如何使上述元素在打印頁面時只顯示，而在網絡必須牆根。

任何想法我怎麼能實現它？

Answer 1

待辦事項不需要創建自己的CSS時引導提供的工具...

下列開機synthax：

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

下面是一些具體的打印狀態類：

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

這裏是文檔：http://getbootstrap.com/css/#responsive-utilities-print

Answer 2

做這樣的事情：

當網絡模式 - 它會被隱藏：

#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{} 
}