如何在表格单元格中正确垂直对齐图像和文本

Question

我需要将“一些文本”和“其他文本”都垂直对齐到顶部，以下代码对我不起作用，只有第二个单元格被正确对齐。我不明白问题出在哪里。

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

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

- user1517081

---

我也在处理，但没有解决这个问题。这是相同的jsbin链接：link。 - asb14690

Answer 1

不要使用：

td {
    vertical-align: top;
}

使用：

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

- joshnh

---

然后第二个单元格中的文本没有对齐到单元格顶部。 - j08691