垂直对齐：文本顶部; 不在HTML5中的表格单元格（td）中工作

Question

不知道为什么但是对于我的生活，当它前面的单元格包装文本时，我不能让我的文本在表格单元格（td）的顶部对齐。

如果我在HTML中写出它可以工作，但无法在我的CSS中获得相同的效果。

适用于HTML：

<td style="vertical-align:text-top;">Some Text</td>

没有CSS：

table td { vertical-align: text-top; }

我已经尝试过在CSS中可以想到的所有组合

Answer 1

确保没有在TD元素上设置“display：block”，因为垂直对齐对块元素不起作用。 此外，text-top不是最好的，并且有一些跨浏览器问题。 请改用“top”。 尝试在样式表中添加：

table td { 
  display: table-cell;
  vertical-align: top; 
}