CCS实现input、img水平对齐

发布时间:2020-11-13编辑:脚本学堂
本文介绍下,css代码实现Input与img元素水平对齐的方法,分享一个简单的例子,供大家学习参考。

在日常的网页制作中,经常将input 和 img 放在同一行,img标签总是比input高出一个头,不太好看。

这里分享下CCS实现input和img水平对齐的方法。

要实现input和img水平对齐,同时给input和img添加vertical-align:middle即可。

例如:
 

复制代码 代码示例:
<input id="qq" name="qq" style="width:100px;vertical-align:middle" disabled="disabled" value="<%=user.getQq() %>"></input>
<img border="0" alt="请点一下我哦" title="请点一下我哦" style="vertical-align:middle"/>