input文本框和img验证码对齐问题(img总比input高出一个头)

来源:www.13sc.com | 游客上传 | 160 次浏览 | 0 条评论

搜索: 文本框 验证码 对齐 

在制作网页过程中经常会将input 和 img 放在同一行实现左侧输入右侧验证码,不过与此同时出现的一个问题是文本框和验证码的水平对齐问题,下面与大家分享下具体的解决方法,有类似问题的朋友可以了解下哈

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

CCS实现input和img水平对齐的方法
同时给input和img添加vertical-align:middle就行了,代码如下:

复制代码
代码如下:

input,img {vertical-align:middle;}

标签: 文本框 验证码 对齐

最热-HTML/Xhtml

左右移动转换文字特效HTML代码解析

HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR

入门:HTML的基本标签和属性简单介绍

给网站添加 favicon的技巧 网址前面的小图标

HTML基础:HTML的基本结构

HTML教程,认识optgroup元素

网页设计 TabIndex元素

使用相对宽度调整表格问题

最容易犯的HTML标签错误写法

HTML 5 预览

CSS和HTML与前端技术层图示

Web Slices是什么

Copyright 2009-2013 13sc.com All Rights Reserved.