垂直对齐:文本顶部; 不在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; 
}