표 셀을 같은 크기 (너비/높이)로 계산하지 않고 머리글을

테이블을 세로 및 가로로 헤더에 약간의 공간을두고 모든 다른 셀을 같은 크기로 만들려면 어떻게합니까?표 셀을 같은 크기 (너비/높이)로 계산하지 않고 머리글을

<table> 
    <tr> 
    <th></th><th... 
    </tr> 
    <tr> 
    <th></th><td... 
    </tr> 
    <tr... 
</table>

는 같은 크기로 모든 회색 사각형을 하시겠습니까 ... CSS를 통해 그것을 할 수있는 방법?

td 세포의 높이와 너비를 설정하면 작동하지 않습니까? http://jsfiddle.net/5gBTR/ – Philibobby

@Philibobby 그것은 셀이 비어있는 한 작동합니다 ... –

동일한 크기의 셀은이 규칙을 추가 할 경우

table { 
    table-layout: fixed; 
}

당신은 또한 당신의 세포의 높이를 줄일 필요가있는 경우 바로 테이블에서 height=100%을 제거하고에 높이를 설정 MDN

에

추가 정보 <th> 요소

2014-04-01 14:28:08 fcalderan

고정 ''너비와 높이로 설정하면 실제로 작동합니다 :-) 감사합니다! –

오 ... 컨텐츠가 추가되면 셀 크기가 조정되므로 작동하지 않습니다./[Fiddle here] (http://jsfiddle.net/ZGVm5/1/) –

height = 100 % 내가 제안한대로 테이블에서 높이를 요소로 설정 했습니까? :) – fcalderan

답변