인쇄용 CSS로 꼬리말을 어떻게 보이게합니까?

Question

일부 데이터 및 콘텐츠가있는 페이지가 있습니다. 머리글에 대해 크게 걱정하지 않고 내용과 바닥 글을 표시 할 인쇄 버전을 만들고 싶습니다.

인쇄용으로 다른 페이지를 쓰는 대신 "@media print"에 대한 CSS 기능을 읽었습니다.

먼저 어떤 브라우저에서 지원하나요? 내부 기능이기 때문에 최신 브라우저에서만 지원됩니다.

"인쇄 가능한"클래스로 몇 개의 DOM 요소에 태그를 추가하고 기본적으로 "display : block"을 적용하려고합니다. 그게 가능하니?

어떻게해야합니까?

편집 :

/* Print Style - SuccinctNate */ 

@media print { 
* {display:block;} 
.printable, .printable > * {display:block;} 

#footer {display:block;} 

} 

Answer 1

코드가 올바른 것 같다 : 이것은 내가 지금까지있는 것입니다. 인쇄물에 표시 할 항목에 display:block을 설정하고 다른 모든 항목에는 display:none을 설정할 수 있습니다.

@media print { 
      * { display:none } 
      .item_i_want_to_print { display:block;} 
} 

또는 당신은 당신이 인쇄

@media print { 

      .item_i_do_not_want_to_print { display: none;} 
} 

는 모든 브라우저와 호환에 표시하지 않을 사람을 숨길 수 있습니다. 그래서 자신감을 사용

여기에서 자세한 내용을 참조하십시오 media print