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

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

style="vertical-align: middle;"

图片不垂直对齐？

1 个答案: