html - 垂直对齐表格单元格中的文本，图像向左浮动？

Question

html:

<td>
    <img>
    text here
</td>

CSS:

td img{
    display: block;
    float: left;
} 

我希望图片在单元格内 float 到左侧，文本垂直对齐到中间。没有图片，文本会自动垂直居中对齐，但是有图片我似乎无法更改文本的垂直对齐方式。

有什么想法吗？

Answer 1

如果您知道图像本身的高度，您可以使用行高属性。

<td style="line-height: 50px;">
    <img>Text text text
</td>

这应该强制文本显示在行高的中心。