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

使用vertical-align实现input和img对齐_HTML/Xhtml_网页制

来源：自学PHP网时间：2014-12-15 15:59 作者：阅读:次

[导读] img标签总是比input高出一个头，使用align="absmiddle"可行，但是不符合HTML标准，无意中发现vertical-align:middle却可以，有类似情况的朋友可以参考下...

img标签总是比input高出一个头，使用align="absmiddle"可行，但是不符合HTML标准，无意中发现vertical-align:middle却可以，有类似情况的朋友可以参考下

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

复制代码

代码如下:

input,img{vertical-align:middle;}

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

disabled与readonly的作用及区别介绍_HTML/Xhtml_网页制

HTML中head头结构_HTML/Xhtml_网页制作

子栏目

使用vertical-align实现input和img对齐_HTML/Xhtml_网页制

最新评论

添加评论

更多文章推荐

添加评论