Question

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

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

如何确保span中的li始终处于中间位置？

Answer 1

您还需要对齐img，否则浏览器将不知道将范围与对齐的内容。

img, span {
    vertical-align:middle;
}