css中使用input与img(图片)在同一行居中对齐
2013-10-09 11:13
253 查看
将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在同一行居中对齐的方法:
img{vertical-align:middle;}
input{width:宽度;height:高度;line-height:与高度一致;margin:0px;padding;0px;font-size:字体大小;border:边框;vertical-align:center;}
或直接这样写
input,img{vertical-align:middle;}
相关文章推荐
- a 标签样式和属性总结
- css中英文字母和汉字行高不同的解决方法
- 窗口样式:禁止最大化,不能拖动边框以改变窗口大小
- JQMobile引入外部CSS,JS文件
- css
- CSS3之动画Animation
- 一些纯css3写的公司logo
- 一些纯css3写的公司logo
- 一些纯css3写的公司logo
- 20个纯css3写的logo
- AspNetPager分页控件定义及应用样式示例介绍
- CSS3之过渡Transition
- jsp引用css和js文件方法 以及 java web应用程序文件结构
- CSS对文本框的修饰
- 个人的CSS书写规范
- 《阿勇java建站教程》1.5.1-css兼容
- 《阿勇java建站教程》1.5-css样式使用
- 关于css控制图片大小不变形的实现思路
- 你需要知道的三个 CSS 技巧
- Html+CSS浮动的广告条实现分解