CCS实现input和img水平对齐的方法

当前位置 : 首页 > 网页制作 > CSS > CCS实现input和img水平对齐的方法

CCS实现input和img水平对齐的方法

来源: 作者: 时间:2015-11-04 11:06
经常将input 和 img 放在同一行,img标签总是比input高出一个头,相当难看,下面与大家分享下CCS实现input和img水平对齐的方法,需要的朋友不要错过
经常将input 和 img 放在同一行,img标签总是比input高出一个头,相当难看,下面与大家分享下CCS实现input和img水平对齐的方法,需要的朋友不要错过

网页制作中,常将 input 和 img 放在同一行,img标签总是比input高出一个头,非常难看。

CCS实现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"/>

Tag:
网友评论

<