技术问询：如何让表格第三行两单元格文本首行对齐且不增减内容

嘿，我来帮你搞定这个表格单元格文本不对齐的问题！从你的代码和截图来看，问题出在表格单元格的垂直对齐方式上，咱们不用改文本内容，只需要调整几行CSS就能解决。

问题原因 #

表格单元格默认的垂直对齐属性是 vertical-align: baseline（基线对齐）——它会让单元格内文本的第一行基线对齐，当两个单元格的文本行数差异较大时，就会出现视觉上起始行不在同一水平线的情况。

解决方案 #

给对应的<td>标签添加 vertical-align: top 属性，强制让单元格内的文本从顶部开始对齐。同时我还修正了你CSS里一个无效的居中写法，修改后的代码如下：

.section2 table {
  margin: 80px auto 0; /* 替换无效的align:center，用margin:auto实现表格居中 */
}
.section2 table tr:first-child>th {
  font-size:25px;
}
.section2 table tr:nth-child(3) {
  height:auto;
}
.section2 table tr:nth-child(3) td {
  width:200px;
  background-color:blue;
  padding:20px;
  text-align:center;
  vertical-align: top; /* 新增：强制文本从顶部对齐 */
}
.section2 table tr:nth-child(6) td {
  padding:20px;
  text-align:center;
  background-color:red;
  vertical-align: top; /* 下方单元格也统一加上，保持视觉一致 */
}

这样修改后，两个单元格内的文本就会从同一顶部行开始对齐啦，完全不需要增减任何文本内容。

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