vertical-align实现input和img对齐的技巧

来源:爱站网时间:2021-01-26编辑:网友分享
img标签总是比input高出一个头,使用align="absmiddle"可行,但是不符合HTML标准,无意中发现vertical-align:middle却可以,有类似情况的朋友可以参考下

我们在将input和img放同一行的时候会发现img标签总是比input高出一个头,那么我们要怎样才能让他们对齐吗?你知道如何用vertical-align实现input和img对齐吗?下面我们就去看看vertical-align实现input和img对齐的技巧。

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

 

复制代码
代码如下:

input,img{vertical-align:middle;}


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

上文就是小编介绍vertical-align实现input和img对齐的技巧,相信会对大家有一定的帮助的,想了解更多实用技巧就上爱站技术频道吧。

上一篇:HTML中如何使用noscript

下一篇:HTML的TextArea中如何解决保存格式的问题

您可能感兴趣的文章

相关阅读