2009-04-03 3 views
4

나는 다음과 같은 테이블을 가지고 (? 또는 가능한 한 많이 성장) :HTML 테이블 열을 최대한 촘촘하게 만드는 방법은 무엇입니까?

<table border=1 style="width: 100%"> 
<tbody> 
    <tr> 
     <td> 
     squish this one 
     </td> 
     <td> 
     expand this one 
     </td> 
    </tr> 
    </tbody> 
</table> 

내가 왼쪽 열은 가능한 한 좁은 싶습니다, 오른쪽 열은 차지하기 위해 화면의 나머지 부분. 이것이 가능한가?

+0

HTML을 사용하여 CSS를 사용하거나 스타일을 인라인으로 정의 하시겠습니까? – Jason

답변

2
<table border=1 style="width: 100%"> 
<tbody> 
    <tr> 
     <td width="1"> 
     squish this one 
     </td> 
     <td width="*"> 
     expand this one 
     </td> 
    </tr> 
    </tbody> 
</table> 
+0

올바른 perspec이지만 'n *'너비는 일반적으로 브라우저에서 지원되지 않습니다. 이 예제는 어쨌든 상위 테이블의 전체 너비와 왼쪽의 최소 너비가 결합되어 작동합니다. 이는 일반적으로 가장 좋은 방법입니다. – bobince

+1

(일반적으로 % -width는 브라우저에서 작동하지만 사양에 맞지 않습니다. 100 % 열에 고정 너비의 왼쪽 너비를 더하면 부모 크기의 100 % 이상이 추가됩니다.) – bobince

1

두 번째 열 style="width:100%"도 입력하십시오.

+0

어때? 테이블 열이 너비를 사용하지 않습니다 – dman

0

"최대한 좁게"는 너비가 1 픽셀이거나 1 픽셀입니다. 너비 = 0 또는 1px로이를 달성 할 수 있습니다. 뭔가 다른 것을 의미합니까?

관련 문제