table-layout CSS 속성은 테이블 셀, 행, 컬럼등의 레이아웃을 구성하기 위해 사용되는 알고리즘을 정의합니다.

적용대상table and inline-table elements
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar


table-layout: auto | fixed 


자동 테이블 레이아웃 알고리즘은 테이블 레이아웃을 구성하기 위해 대부분의 브라우저에서 사용됩니다. 테이블의 폭과 셀들은 여기서 언급된 내용에 따릅니다.
Table and column widths are set by the widths of table and col elements or by the width of the first row of cells. Cells in subsequent rows do not affect column widths.

Under the "fixed" layout method, the entire table can be rendered once the first table row has been downloaded and analyzed. This can speed up rendering time over the "automatic" layout method, but subsequent cell content may not fit in the column widths provided. Any cell that has content that overflows uses the overflow property to determine whether to clip the overflow content.


.contentbox {
  table-layout: fixed;


Specification Status Comment
CSS Level 2 (Revision 1)
The definition of 'table-layout' in that specification.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? 1.0 (1.7 or earlier) 5.0 7.0 1.0
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?

문서 태그 및 공헌자

이 페이지의 공헌자: mdnwebdocs-bot, fscholz, teoli, xbase
최종 변경자: mdnwebdocs-bot,