如何正确垂直对齐表格单元格内的图像+文本

时间:2012-12-11 21:35:24

标签: html css

我需要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>   

1 个答案:

答案 0 :(得分:14)

而不是使用:

td {
    vertical-align: top;
}

使用:

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