html - 内部に画像がある場合、HTMLはテーブルセルのコンテンツを垂直方向に整列させます

Question

Hello World!2 つのセルに分割せずに、テキストをテーブル セルの中央に垂直に揃える方法はありますか?

<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>