圖片不垂直對齊？

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