2012-04-29 2 views
0

문서의 선택된 영역 만 인쇄하려고합니다. 선택한 영역/div의 내용을 새 창에 추가하고 window.print를 호출했지만 CSS에 문제가 발생했습니다. 내 페이지가 여러 파일에서 CSS를 가지고 있기 때문에 그 CSS 파일을 다시로드하기가 어렵습니다.문서의 특정 부분 만 인쇄하는 가장 쉬운 방법은 무엇입니까

그래서 인라인 스타일이있는 선택된 영역/div 콘텐츠를 새 문서로 내보내고 인쇄해야합니다.

답변

0

인쇄 미디어 유형을 사용하여 인쇄 할 때 페이지에만 적용되는 CSS 파일을 지정할 수 있습니다. 인쇄 CSS 파일에서 불필요한 요소를 모두 숨길 수 있습니다. 외부 스타일 시트 인쇄 출력에 좋은보다 더 많은 해를 할 경우

http://www.javascriptkit.com/dhtmltutors/cssmedia.shtml

2

첫째, 당신은 간단한 미디어 쿼리와 미디어를 선별를 제한 할 수 있습니다 <link rel="stylesheet" href="style.css" media="screen,projection" />

인쇄 스타일 시트를 시작할 수있는이 방법을 스타일이없는 페이지로 이전 시트를 재설정 할 필요가 없습니다.

일반적인 인쇄 스타일 시트는 광고를 숨기고 색상을 고 대비 색상으로 재설정하고 인쇄체를 조정합니다. HTML5 상용어의 the print section을 살펴보십시오. "선택 영역"에 의해 당신이 인쇄에 필요한 사항을 결정할 수있는 사용자를 의미하는 경우

, 당신은 쉽게 자바 스크립트 처리기에 .addClass('print'); 같은 작업을 수행하여 그것을 달성 할 수있는 다음 인쇄 CSS는 다음과 같이 수 :

당신이 IE < 9 신경 쓰지 않는 경우
* {display: none;} 
.print, .print * {display: block;} /* Or inline, depending on the element */ 

, 당신은이 작업을 수행 할 수 있습니다

body :not(.print) {display: none;} 
관련 문제