다른 브라우저는 테이블에서 셀의 너비 특성을 어떻게 사용합니까?HTML 표의 각 셀에 width 속성을 설정해야합니까?
나는 내 응용 프로그램에서 테이블을 광범위하게 사용하고 있으며 고정 레이아웃을 사용하며 모든 열에는 지정된 너비가 지정됩니다.
내가 알고 싶은 것은 각 행에 셀의 너비를 지정해야합니까? 또는 테이블 헤더에서 그렇게하고 테이블 본문에 아무 것도 지정하지 않으면 충분합니까?
기술적 인 의미에서 고정 테이블 레이아웃을 사용하는 경우, 즉 CSS 선언이 table-layout: fixed 인 경우 첫 번째 행은 열 너비를 결정하고 다른 행의 셀에 대한 너비 설정은 무시됩니다.
그렇지 않으면 모든 셀의 너비 요구 사항이 열 너비를 계산할 때 브라우저에 의해 고려됩니다.이 경우 셀 크기가 잘릴 수 있습니다 (고정 레이아웃 레이아웃의 일부 임). 따라서 머리글 행의 셀에 width=100이 있지만 동일한 콘텐츠의 다른 셀에 최소 200 픽셀이 필요한 콘텐츠가 있으면 그 너비가 사용되며 첫 번째 행 셀에 대한 설정은 무시됩니다.
대부분의 경우 열당 한 번씩 width 속성을 지정하면 충분합니다. 후속 행에 지정되어있는 한 첫 번째 행에 지정 될 필요가 없습니다.
여기에 간단한 jsFiddle example이 있습니다.