如何实现表格行内文本适配？需调整最后一行<tr>样式

要让表格最后一行的文本适配行高，达到预期样式，可通过以下CSS方法实现：

1. 强制文本换行（解决溢出问题） #

如果长文本超出单元格范围，给单元格添加换行规则：

td {
  white-space: normal; /* 允许文本自动换行，替代默认的nowrap */
  word-wrap: break-word; /* 超长单词拆分换行 */
}

2. 统一行高与垂直对齐 #

让文本在单元格内垂直居中，同时设置合适行高：

tr:last-child td {
  line-height: 1.6; /* 根据需求调整行高 */
  vertical-align: middle; /* 文本垂直居中 */
  padding: 10px; /* 增加内边距，让内容更舒展 */
}

3. 限制宽度并显示省略号（可选） #

如果需要让超长文本显示省略号而非换行：

tr:last-child td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px; /* 自定义单元格最大宽度 */
}

4. 排查冲突样式 #

检查是否存在其他CSS规则（比如固定表格布局、单元格宽度强制设置）覆盖了上述属性，可通过浏览器开发者工具定位并调整。

内容的提问来源于stack exchange，提问作者Rob DC