垂直对齐中间李与图像

Question

<li>
    <img src="http://dummyimage.com/50x50/000/fff" /><span>Name</span>
</li>

我可以做位置相对和负顶部来调整跨度,但问题是我希望图像具有响应性,因此相对解决方案在我的情况下并不真正起作用.

如何保证我的span内li始终处于中间？

Answer 1

您需要对齐IMG为好,否则浏览器将不知道该怎么跨度对齐到.

img, span {
    vertical-align:middle;
}