图片与文字如何居中？

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