div img span 垂直居中问题

Posted 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 垂直居中问题的主要内容,如果未能解决你的问题,请参考以下文章

怎么让span在div中垂直居中

如何实现div内的span垂直的定位?

水平垂直居中方法

水平垂直居中方法

span内图片元素如何垂直居中

如何让span图片居中在div中