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

不知道为什么,但对于我的生活我无法让我的文本在表单元格(td)的顶部对齐,当单元格正在包装文本之前.

如果我在HTML中写出它的作品,但无法在我的CSS中获得相同的效果.

使用HTML：

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

不用CSS：

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

而且我已经尝试过在CSS中可以想到的每一个组合

解决方法

确保您没有在TD元素上设置“display：block”,因为垂直对齐在块元素上不起作用.而且,文本顶部不是最好的,并且有一些跨浏览器问题.使用“顶”代替.尝试在您的样式表中添加：

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

原文地址：https://www.jb51.cc/html5/168211.html