图片不垂直对齐？

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