如何正確垂直對齊表格單元格內的圖像+文本

Question

我需要vertical-align:top '有些文字'和'其他文字'。 以下內容對我不起作用，只有第二個單元格正確對齊。 我不明白問題是什么。

<style>
    td {
      vertical-align:top;
    }
</style>

<table>    
    <tr>
        <td><img src="icon.png"/> Some text </td>
        <td> Other text </td>
    </tr>
</table>   

Answer 1

而不是使用：

td {
    vertical-align: top;
}

使用：

td {
    vertical-align: baseline;
}
td img {
    vertical-align: top;
}