垂直对齐:文本顶部;在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元素上设置"显示：块"，因为垂直对齐不适用于块元素。 此外，文本顶部不是最好的，并且存在一些跨浏览器问题。 请改用"顶部"。 尝试在样式表中添加以下内容：

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