div img span 垂直居中问题

Posted 2020-06-25 double2014

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div img span 垂直居中问题相关的知识，希望对你有一定的参考价值。

div设置height,line-height影响块元素内的文本垂直居中,块下的a,img,span等行内元素是没能垂直居中，用了vertical-align:middle;可以处理div等块级元素下的行内原色垂直居中，用了没起作用，最后加了个*起作用了，可以达到效果了

<style>
#test *{vertical-align:middle;}
</style>
</head>
<body>
    <div id="test">
        <img src="http://127.0.0.1/skin/images/hottel.jpg"/>
         <span>double405</span>
    </div>
</body>

以上是关于div img span 垂直居中问题的主要内容，如果未能解决你的问题，请参考以下文章