圖片未垂直對齊？

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