当里面有图像时，HTML垂直对齐表格单元格的内容

Question

有没有办法让文本垂直对齐文本Hello World!到表格单元格的中间而不分成两个单元格？

<table border="1">
    <tr>
        <td valign="middle" style="vertical-align:middle;">
            Hello World! <img src="https://www.google.com/images/srpr/logo3w.png" border="1" />
        </td>
    </tr>
</table>

http://jsfiddle.net/U4Qs4/

Answer 1

您需要垂直对齐图像，而不是td元素。

Answer 2

适用于Chrome FF和IE7 ....

<style>
.mid {
    vertical-align:middle
    }
</style>


<table border="1">
    <tr>
        <td class="mid">
            <img src="https://www.google.com/images/srpr/logo3w.png" class="mid" border="1" />Hello World!
        </td>
    </tr>
</table>