2016-09-12 4 views
-1

제목없이 페이지를 인쇄하고 싶습니다.CSS가있는 페이지를 인쇄 할 때 DIV를 숨길 수있는 방법이 있습니까?

  • 가 만드는 I가 인쇄

  • 을하고있는 중이 야 때 표시하고 인쇄를 수행 할 때 <DIV id="summary"> 만 표시하지 <DIV id="heading">을 제목 :

    내가 할 수있는 방법이 있나요?

+1

네 : CSS 내부

[@media print] (https://developer.mozilla.org/en/docs/Web/CSS/@media) –

+0

Google 프린터 (또는 인쇄) 스타일 시트 – j08691

+0

이 주제는 이미 완전히 다루어졌습니다. http://stackoverflow.com/questions/355313/how-do-i-hide-an-element-when-printing-a-web-page – Andy

답변

1

시도를 숨길 ..will 없음으로 표시 속성을 설정하는 것을 의미합니다 :

@media print { 
    #heading { 
    display: none !important; 
    } 
} 
@media screen { 
    #summary{ 
    display: none !important; 
    } 
} 
-2

.heading {표시 : 없음;}

는 요소를 숨기기/@media 블록을 통해 그들에게 보여

+0

OP가 페이지를 인쇄 할 때만 div를 숨기거나 표시하려고합니다. –

2
@media print { 
#heading{ 
    display:none; 
} 
#summary{ 
    display:block; 
} 
} 
관련 문제