要实现表格单元格的宽度,其中最后一个单元格最长,前面的单元格相等但尽可能窄,可以使用CSS来设置表格的样式。下面是一个示例代码:
HTML代码:
Cell 1
Cell 2
Cell 3
CSS代码:
#myTable {
width: 100%;
}
#myTable td {
width: 1%;
white-space: nowrap;
}
#myTable td:last-child {
width: auto;
}
在上面的示例中,我们首先给表格设置了100%的宽度。然后,我们为每个单元格设置了初始宽度为1%,这样它们会尽可能地窄。接着,我们使用white-space: nowrap
属性来防止文本换行。最后,我们使用last-child
选择器为最后一个单元格设置了width: auto
,这样它就可以根据内容自动调整宽度。
通过这样的设置,最后一个单元格会根据内容自动调整宽度,而前面的单元格会尽可能窄。