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

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