表格的第一列宽度根据需要调整，其他列等宽。_编程开发

创始人

2024-12-10 01:31:21

0次

使用HTML和CSS可以实现表格的第一列宽度根据需要调整，其他列等宽的效果。以下是一个示例代码：

第一列	第二列	第三列	第四列	第五列
内容1	内容2	内容3	内容4	内容5

在上述示例代码中，我们使用了CSS的width属性来设置表格的宽度和单元格的宽度。width: 100%表示表格宽度占满父容器的宽度。

然后，我们使用border-collapse: collapse将单元格的边框合并为一条边框。

对于第一列，我们使用了width: auto来让它根据内容自动调整宽度。

对于其他列，我们使用了width: calc((100% - 100px) / 5)来将剩余的宽度平均分配给其他列。其中，(100% - 100px)表示表格总宽度减去第一列宽度，/ 5表示平均分配给其他四列。

这样，第一列的宽度会根据内容自动调整，其他列则会等宽分配剩余的宽度。