인쇄하는 동안 CSS로 테이블 너비를 변경할 수 있습니까?

Question

을 사용하여 페이지를 인쇄하는 동안 표의 너비를 변경해야합니다.

<link rel="stylesheet" type="text/css" href="../css/reportPrint.css" media="print" /> 

CSS 파일에서 인쇄하는 동안 표의 너비를 변경할 수 있습니까?

어떤 도움을 주시면 감사하겠습니다.

Answer 1

당신은 head 요소에 추가하여, 인쇄 추가 CSS 속성을 설정하는 인쇄 스타일 시트를 사용할 수 있습니다

<link rel="stylesheet" href="print.css" type="text/css" media="print" /> 

그런 다음 print.css 파일에서, 예를 들어, 귀하의 추가/다른 속성을 밖으로 설정 :

table { 
    width:80em; 
} 

편집 : 원래의 게시물은 내가 게시 한 후 편집까지 눈에 보이지 않는 코드를했다, 그래서 이것은 귀하의 질문에 대답을 나도 몰라.

Answer 2

그래,이 작업을 수행 할 수 있으며 인쇄 매체 스타일 시트의 이유와 목적이 맞습니다.

스타일 시트는 누적됩니다. 따라서 모든 스타일을 일반 스크린 스타일 시트에서 통합하려면 링크 속성에 을 포함해야합니다.

이것은 스크린 스타일 시트의 CSS 규칙이 특수성면에서 인쇄 스타일 시트 규칙과 경쟁한다는 것을 의미합니다. 화면 스타일 시트 너비를 선언하면

#content table#results { width: 900px; } 

은 인쇄 스타일 시트는 규칙에서 그 특이성을 초과하거나 일치하고 마지막으로 나타나야합니다. 덜 구체적인 규칙은 해당 화면 규칙을 재정의하지 않습니다.

그러나 HTML 마크 업에서 테이블 너비를 지정하면 (예 : <table width="400">) 스타일 시트 규칙이 인라인 CSS 규칙의 양을 무시하는 방법이 거의 없기 때문에 전투에서 패배했습니다. 화면 스타일 시트에서 너비를 선언 한 다음 인쇄 스타일 시트에서 재정의해야합니다.

Answer 3

실제로 HTML 마크 업에서 인라인 CSS를 재정의하려는 경우. 이것을하십시오 :

#divShowTable { 
    width:100%!important; 
}