列表项中的图像影响其他列表项中其他文本的位置

Question

我有一个未编号的列表，我正在尝试格式化菜单。

<ul>
    <li><img src="greatImage.png"></li>
    <li>item 2</li>
    <li>item 3</li>
</ul>

我试图让所有列表项内容垂直居中。当我将图像添加到第一个列表项时，它看起来好像所有其他列表项位置被推到UL块的底部边框？基本上，图像会影响列表项的其余位置。

Answer 1

您可以做的一件事是将li的行高设置为等于图像高度的行高

示例：http://jsfiddle.net/felcom/vdPtj/