宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 网站建设常见问答>input文本框和验证码图片对齐问题解决
网站建设常见问答
input文本框和验证码图片对齐问题解决

input文本框和验证码图片对齐问题解决
    细节是体现网站质量的一个重要指标. 我们在设计登陆届面时经常用到添加验证码图片. 默认情况下,验证码跟文本框是不在一个水平线上的,图片往往要高10来个象素. img标签总是比input高出一部分,非常惹人厌,不知道你们怎么想的,反正我看不下去~~~ 

下面是解决方法:
CSS实现input和img(验证码)水平对齐的方法 
同时给input和img添加vertical-align:middle就行了

废话不多说,直接上代码:
input,img {  
    vertical-align:middle;  
}  
点击:  1696    时间: 2017-03-12
上一条: 文化局在我公司文艺演出
下一条: 网站管理助手提示“您未安装URL Rewrite模块,伪静态设置失败”的处理办法
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1