크기를 조정할 때 축소되지 않는 테이블

Question

누군가 창 크기를 조정할 때 축소되지 않는 테이블을 만드는 방법을 알려주실 수 있습니까? 고정 너비로 ​​테이블을 만들려고했지만 인쇄 미리보기에서 문제가 발생합니다. 또한 공백을 시도했습니다 : nowrap 또한 도움이되지 않았습니다. 누군가이 문제를 해결하도록 도와 줄 수 있습니까?

Answer 1

일반적으로 형식이 완전히 다르기 때문에 인쇄 할 때 다른 스타일 시트를 사용합니다. 그것은 당신의 문제를 해결해야합니다. 이 같은

뭔가 :

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

Answer 2

문제는 당신이 최소 크기를 정의하지 않고, 상대 폭을 지정, 그래서 작은 창 테이블 가져 작은를 얻을 수 있다는 것입니다. 다음을 사용할 수있는 총 붕괴 방지하려면, 그것은 이상적인 아니에요

<style type="text/css" media="screen"> 
table 
{width: 60%; 
min-width: 30em; /* Or whatever you'd like to use */ 
} 
</style> 

<style type="text/css" media="print"> 
table 
{width: auto; /* Which should fit the table to the width of the page */ 
} 
</style> 

을,하지만 당신은 보상과 여백에 의해 먹게되는 것을 width:100% 요소의 가장 오른쪽 측면을 방지하기 위해 센티미터, 인치 또는 포인트 중 하나를 사용할 수 있습니다. 분명히 그렇게되면 인쇄를 위해 특정 페이지 크기 (A4 등)를 요구하게됩니다.