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

前端之家收集整理的这篇文章主要介绍了html – 如何正确垂直对齐表格单元格内的图像文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要纵向对齐:顶部’有些文字’和’其他文字’.以下内容对我不起作用,只有第二个单元格正确对齐.我不明白问题是什么.
<style>
    td {
      vertical-align:top;
    }
</style>

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

解决方法

而不是使用:
td {
    vertical-align: top;
}

使用:

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

猜你在找的HTML相关文章