table-layout

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

구문

/* 키워드 값 */
table-layout: auto;
table-layout: fixed;

/* 전역 값 */
table-layout: inherit;
table-layout: initial;
table-layout: unset;

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.

형식 구문

auto | fixed

예제

.contentbox {
  table-layout: fixed;
}

명세

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

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
table-layoutChrome Full support 14Edge Full support 12Firefox Full support 1IE Full support 5Opera Full support 7Safari Full support 1WebView Android Full support 1.5Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 3Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown