垂直对齐表格单元格中的文本与浮动到左侧的图像？

Question

html:

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

css:

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

我希望图片在单元格中向左浮动,文本垂直对齐到中间.如果没有图片,文本会自动垂直对齐到中间,但是在那里我无法改变文本的垂直对齐方式.

有任何想法吗？

Answer 1

如果您知道图像本身的高度,则可以使用line-height属性.

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

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