CSS 中“table-layout”属性的用途是什么?
CSS 中的table-layout属性指定表格的布局,由表格单元格、行和列组成。
句法:
table-layout: auto | fixed | initial | inherit;
属性值:这些是表格布局的属性及其用途。
- auto:属性值auto用于在浏览器上创建自动表格布局。此属性通过表格单元格中不可破坏的内容创建列宽。
- fixed:属性值fixed用于创建固定的表格布局。表格和列的宽度由表格和列的宽度或第一行单元格的宽度创建。
- initial:属性值用于创建其默认值。
- 继承:从其父级继承属性的属性值。
示例 1:在此示例中, table-layout:使用auto属性在浏览器上创建自动表格布局,该属性通过表格单元格中不可破坏的内容创建列宽。
HTML
table-layout property
GeeksforGeeks
table-layout property
table-layout:auto
Name
Age
Books
Rita Shrivastava
30
Good Days
Priya
18
Bad Days
HTML
table-layout property
GeeksforGeeks
table-layout property
table-layout:fixed
Author Name
Age
Books
Rita Shrivastava
30
Good Days
Priya
18
Bad Days
输出:
例2:在本例中, table-layout: fixed属性用于创建固定的表格布局,表格和列的宽度由表格和列的宽度或第一行单元格的宽度创建。
HTML
table-layout property
GeeksforGeeks
table-layout property
table-layout:fixed
Author Name
Age
Books
Rita Shrivastava
30
Good Days
Priya
18
Bad Days
输出: