HTML 固定表格列宽

在本文中，我们将了解 HTML 固定表格列宽。

我们可以使用 table-layout CSS 属性和 width CSS 属性来固定表格列宽。我们将 table-layout 属性的值设置为“fixed”。

table-layout

table-layout CSS 属性用于描述浏览器必须用来在网页上显示表格行和列的算法。

我们可以利用 table-layout CSS 属性来创建表格的固定列宽。

语法

宽度

width CSS 属性设置 HTML 元素的宽度。我们将使用此属性来设置列的宽度。

语法

让我们通过演示来充分理解。

演示 1

在此演示中，让我们创建一个固定的 学生详细信息 表格列宽。我们将使用 table-layout 将列宽固定为 100px。

代码

输出

我们可以看到输出，其中使用 table-layout CSS 属性将表格列的宽度固定为 100px。

演示 2

在此演示中，让我们构建一个固定的 员工详细信息 表格列宽。我们将使用 table-layout 将列宽固定为 45px。

代码

输出

这是输出，其中我们可以看到使用 table-layout CSS 属性创建的表格列的固定 45px 宽度。

演示 3

在此演示中，让我们构建一个固定的 课程详细信息 表格列宽。我们将使用 table-layout 将列宽固定为 200px。

代码

输出

这是输出，其中我们可以看到使用 table-layout CSS 属性构建的表格列的固定 200px 宽度。

结论

在本文中，我们了解了 HTML 固定列宽表。我们可以通过使用 table-layout CSS 属性并为其提供 “fixed” 值来固定表格列的宽度。