html - 垂直对齐 :text-top; not working in table cell (td) in HTML5

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”，因为垂直对齐不适用于 block 元素。此外，text-top 不是最好的，并且存在一些跨浏览器问题。请改用“顶部”。尝试将此添加到您的样式表中:

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