图片没有垂直对齐？答案

【问题标题】：Picture not vertically aligning?图片没有垂直对齐？
【发布时间】：2013-02-25 16:19:03
【问题描述】：

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

<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所示，图片没有垂直对齐，我希望它与文本/文本框的垂直高度相同。

【问题讨论】：

标签： html image html-table vertical-alignment

【解决方案1】：

"valign" 属性不接受 "center" 值，您的意思可能是 "middle"。

尝试将此样式应用于INPUT 和IMG：

style="vertical-align: middle;"

【讨论】：