html - 图片没有垂直对齐？

Question

我正在创建一个注册表单，我正在处理错误。如果用户名已经被占用，我想在文本框旁边显示一张图片。

<table width='60%'>
    <tr>
        <td align='left'>Username:</td>
        <td align='right' valign='center'>
            <img src='img/warning.png' title='Username alredy taken.' height='16px'
            />&nbsp;
            <input type='textbox' name='register_username' value='USERNAME'
            />
        </td>
    </tr>
</table>

http://jsfiddle.net/2RM8N/2/

如上面的jsfiddle所示，图片没有垂直对齐，我希望它与文本/文本框的垂直高度相同。

Answer 1

"valign"属性不接受"center"价值，你可能是说"middle".

尝试将此样式应用于INPUTand IMG：

style="vertical-align: middle;"