img和input对齐的解决方法
2014-02-05 15:11
197 查看
可能很些朋友会发现一般情况下我们把css与input放在一起时会高低不同,下面我来介绍css中使用input与img(图片)在同一行居中对齐实现方法。
将input和img放同一行,img标签总是比input高出一个头,难看。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确可行,但是不符合HTML标准。后来发现同时给input和img添加vertical-align:middle就行:
在写css时,使得input和img在同一行居中对齐的方法:
img{vertical-align:middle;}
input{width:宽度;height:高度;line-height:与高度一致;margin:0px;padding;0px;font-size:字体大小;border:边框;vertical-align:center;}
或直接这样写
input,img{vertical-align:middle;}
将input和img放同一行,img标签总是比input高出一个头,难看。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确可行,但是不符合HTML标准。后来发现同时给input和img添加vertical-align:middle就行:
在写css时,使得input和img在同一行居中对齐的方法:
img{vertical-align:middle;}
input{width:宽度;height:高度;line-height:与高度一致;margin:0px;padding;0px;font-size:字体大小;border:边框;vertical-align:center;}
或直接这样写
input,img{vertical-align:middle;}
相关文章推荐
- css 解决 input后面的img对齐办法
- 表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐)
- css解决input和img对齐的问题
- 解决烦人的img与input不能水平对齐的问题
- Input标签与图片按钮水平对齐解决方法
- Input和Img等元素垂直对齐的方法
- label和input里面文字不对齐的解决方法!
- 地址重写 No input file specified的解决方法
- jquery(live)中File input的change方法只起一次作用的解决办法
- HTML中input和button解决等高不对齐的原因
- undefined reference to `img_convert’的解决方法
- IE input file隐藏不能上传文件解决方法(转载)
- edittext设置inputtype="textPassword"以后,英文字体改变的解决方法
- label和input对齐的方法
- ThinkPHP的URL重写时遇到No input file specified的解决方法
- onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法
- Thinkphp3.2.3 No input file specified 的解决方法
- PHP failed to ptrace(PEEKDATA) pid 13659: Input/output error错误解决方法
- iis6下运行php出现No input file specified的解决方法