페이지를 인쇄 할 때만 HTML 요소를 표시하는 방법은 무엇입니까?

Question

나는이 HTML 요소를 가지고 페이지를 인쇄 할 때 웹에서이 가리는한다 동안 만 표시 할 수 위의 요소를 만드는 방법

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

.

어떻게하면 좋을까요?

Answer 1

.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="" /> 

상태를 인쇄 할 특정 일부 클래스입니다 :하지 부트 스트랩 synthax에 따라 ...

부트 스트랩 당신에게 도구를 제공 할 때 자신의 CSS를 작성해야

그리고 여기에 문서가 있습니다 : 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{} 
}