在日常的网页制作中,经常将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"/>