CSS: 다운로드 할 때 특정 요소 숨기기 @media print, display:none; 이용하기

230425 Tue

특정 부분을 숨기려면 아래 코드를 css에 넣어둔다.
#로 아이디로 지정할 수도 있고 .로 클래스로 지정해도 된다.

@media print {
  #print-hide {
    display: none;
  }
}

다운로드 할 때 숨기고 싶은 부분을 <div id="print-hide">로 묶어둔다.

<div id="print-hide">
	<button onclick="window.print()" style="text-align: center;">증명서 다운로드</button>
</div></div>

샘플 증명서 양식)

증명서 다운로드 눌렀을 때) '증명서 다운로드' 버튼이 숨겨진다.