html中同一行中如果有img元素，怎么让它垂直向下贴底呢？
我写的页面代码如下：<div><table><tr><tdwidth="400">验证码：<inputtype="text"/><imgsrc="j_06_new.gif...
我写的页面代码如下：
<div>
<table>
<tr>
<td width="400">验证码：<input type="text" /><img src="j_06_new.gif" title="just for test"/></td>
<tr>
</table>
</div>
显示效果如下图示：
文字与文本框向下对齐底部基线，但图片好像是向上对齐的，怎么回事，怎么让它也像前面元素一样向下对齐不挺好看的么！ 展开
<div>
<table>
<tr>
<td width="400">验证码：<input type="text" /><img src="j_06_new.gif" title="just for test"/></td>
<tr>
</table>
</div>
显示效果如下图示：
文字与文本框向下对齐底部基线，但图片好像是向上对齐的，怎么回事，怎么让它也像前面元素一样向下对齐不挺好看的么！ 展开
2个回答
展开全部
给你个将建议，你可以试试绝对定位；也可以设置img的style="float:bottom"。绝对定位一定能达到你要的效果的哈。希望有帮到你。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div>
<table>
<tr>
<td width="400">验证码：<input type="text" /><img style="vertical-align: baseline" src="j_06_new.gif" title="just for test"/></td>
<tr>
</table>
</div>
或者用 vertical-align: middle，vertical-align:middle都可以
更多追问追答
追问
怎么感觉又下沉过多了呢，如下图示：
追答
用vertical-align:middle这个是按控件的中部对齐的，就不会有过上或过下的问题了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
