图片与文字如何居中？

Question

<div class="test">        <img src="setting.png" style="vertical-align:middle">        <span>Find Psaaword</span></div>想问下这样写文字应该是与图片对齐的，可是为什么没有对齐呢?当<span>内的文字比较小的时候，看起来还是对齐的，但是文字变大后，就没有对齐了，如下图

Answer 1

.test {
    -webkit-display:flex;           
    display:flex;           
    -webkit-align-items:center;           
    align-items:center;
}

加一个上面的样式就可以了，记得采纳哦

Answer 2

通用通过

Answer 3

你这是图片行级，宽高由内容决定的，给图片设个div然后套进去div里面，div跟span里面的行高一样就好了，或者用display给img设置成块级然后设置跟span行高一样

Answer 4

flex解决一切。。。

Answer 5

ASa