在列表項目中的圖像影響其他列表項中其他文本的位置

Question

我有一個無編號的列表，我嘗試爲菜單進行格式化。

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

我想讓所有的列表項內容垂直居中對方。當我將圖像添加到第一個列表項時，它看起來好像所有其他列表項的位置都被推到了UL塊的底部邊框？基本上圖像是影響列表項目的其餘部分。

Answer 1

有一兩件事你可以做的是設置裏的行高度等於圖像高度的

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