您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> 脚本Html教程 >> 正文

使用vertical-align实现input和img对齐

作者:佚名    责任编辑:admin    更新时间:2022-06-22

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

  代码如下:

  input,img{vertical-align:middle;}

  这样代码就会规规矩矩地水平对齐了。