使用vertical-align实现input和img对齐_HTML/Xhtml_网页制作
来源：懂视网
责编：小采
时间：2020-11-27 16:48:52
使用vertical-align实现input和img对齐_HTML/Xhtml_网页制作
使用vertical-align实现input和img对齐_HTML/Xhtml_网页制作:将input和img放同一行，img标签总是比input高出一个头，非常难看。之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align=absmiddle属性，这个方法似乎的确可行，但是不符合HTML标准。后来无意中发现同时给input和img添加vert
导读使用vertical-align实现input和img对齐_HTML/Xhtml_网页制作:将input和img放同一行，img标签总是比input高出一个头，非常难看。之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align=absmiddle属性，这个方法似乎的确可行，但是不符合HTML标准。后来无意中发现同时给input和img添加vert
将input和img放同一行，img标签总是比input高出一个头，非常难看。之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性，这个方法似乎的确可行，但是不符合HTML标准。后来无意中发现同时给input和img添加vertical-align:middle就行：
代码如下:
input,img{vertical-align:middle;}
这样代码就会规规矩矩地水平对齐了。
使用vertical-align实现input和img对齐_HTML/Xhtml_网页制作
使用vertical-align实现input和img对齐_HTML/Xhtml_网页制作:将input和img放同一行，img标签总是比input高出一个头，非常难看。之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align=absmiddle属性，这个方法似乎的确可行，但是不符合HTML标准。后来无意中发现同时给input和img添加vert
