- css中使用input与img(图片)在同一行居中对齐
-
可能很些朋友会发现一般情况下我们把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;}
上一篇:网站建设分析入门之访问量变化 |
下一篇:第三方电商良莠不齐 定规矩方可持续发展
添加时间:2013-09-24
点击次数:57 次