在水平登录表单提交按钮旁边放置一个图像按钮？

Question

如何将图像中间对齐到提交按钮？在FF，IE7 / 8和我最喜欢的IE6。

<table height="34" cellspacing="0"><tr>
<td>&nbsp;</td>
<td>Username: <input  type="text" size="15"  maxlength="10" /></td>
<td>&nbsp;&nbsp;Password: <input type="password" size="15"  maxlength="10" /></td>
<td>&nbsp;&nbsp; <input type="submit" value="Login" name="submit"/><input type="image" src="img/btn_submit.gif" value="ok" /></td></tr>
</table>

Answer 1

如果要垂直对齐，请使用 valign 属性

valign="middle"

看起来像这样

<td valign="middle">&nbsp;&nbsp;<input type="image" src="img/btn_submit.gif" value="ok" />