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>

2021-12-10
2022-12-23
2021-12-07
2022-12-23
2021-11-13
2021-12-13