MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

table-layout

概述

table-layout CSS属性定义了表格布局算法,用于对表格中单元格、行和列进行布局。

初始值auto
适用元素table and inline-table elements
是否是继承属性
适用媒体visual
计算值as specified
是否适用于 CSS 动画
正规顺序the unique non-ambiguous order defined by the formal grammar

语法

/* Keyword values */
table-layout: auto;
table-layout: fixed;

/* Global values */
table-layout: inherit;
table-layout: initial;
table-layout: unset;

auto
大多数浏览器采用自动表格布局算法对表格布局。表格及单元格的宽度取决于其包含的内容。
fixed
表格和列的宽度通过表格的宽度来设置,某一列的宽度仅由该列首行的单元格决定。在当前列中,该单元格所在行之后的行并不会影响整个列宽。

使用 “fixed” 布局方式时,整个表格可以在其首行被下载后就被解析和渲染。这样对于 “automatic” 自动布局方式来说可以加速渲染,但是其后的单元格内容并不会自适应当前列宽。任何一个包含溢出内容的单元格可以使用 overflow  属性控制是否允许内容溢出。

正式语法

auto | fixed

示例

.contentbox {
  table-layout: fixed;
}

规范

Specification Status Comment
CSS Level 2 (Revision 1)
table-layout
Recommendation Initial definition

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support ?  - 14.0 +  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 ? 1.5 ? ? ? ? 9.8.0 ? 3.0

文档标签和贡献者

标签: 
 此页面的贡献者: Serifx
 最后编辑者: Serifx,