caixw.com

把时髦的技术挂在嘴边,还不如把过时的技术记在心里!

如何让input和img水平对齐

caixw

将input和img放同一行,img标签总是比input高出一个头,非常难看。之前试过好多方法,都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确可行,但是不符合HTML标准。后来无意中发现同时给input和img添加vertical-align:middle就行:

input,img{vertical-align:middle;}
这样代码就会规规矩矩地水平对齐了。

评论(1)

  • 小韦

    小韦  | #0

    哈哈,说得好,我的就说这个问题,一起在一行,网上好多方法都不行,想想直接对img使用magin-top或者padding-top,但是。。。奶奶的input也会跟着矮半个头,我对img写样式跟你input有半毛钱关系你也一起往下。我就晕,IE和FF都这样。继续在百度翻翻就找到博主你的方法,试了下,爽YY,这回input真正与图片平行,即使加上magin-xxx也一起平行,FF和IE6都没有BUG,之前看啦那些什么蓝色理想的都一点用没有,还在那写什么“独门秘籍”,那些最多应付文字还差不多。谢谢博主啦,88

    回复

添加评论

验证码

还没有漂亮的个人头像吧?

Gravatar申请一个吧!

没有中文输入法吗?试试这个!

  accesskey="enter"