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;}
您可能感兴趣的文章:
css中使用input与img(图片)在同一行居中对齐
CSS text-align 文本对齐实例
css中文字图片背景图居中的方法汇总
css实现在div水平垂直居中与图片水平居中的效果
photoshop基础常用对齐技巧心得分享一览
css position图片垂直居中的例子
css中vertical-align 图片文字水平对齐分析
Css实现图片垂直上下左右居中显示
jquery插件制作 图片走廊 gallery
css vertical-align之居中说明