無序列表與圖像背景，使其相同的高度，如果1或2行

Question

我試圖有一個無序列表與背景圖像作爲項目符號。圖像高度爲80像素，因此我將內聯高度定義爲80x。問題是我的一些子彈太長而去了第二線。我想使第二行適合原始的80像素。我會如何做到這一點，以便我有一些子彈，其中1行與子彈圖像垂直居中，一些子彈是2行，並且與圖像垂直居中，每個子彈行將精確到80px，而不管數量線。

這裏是我當前的代碼：

<ul id="star-wars"> 
     <li id="one">blablabla</li> 
     <li id="two">blablavla</li> 
</ul> 


#star-wars 
{ 
    margin-left: 0; 
    padding-left: 0; 
    list-style: none; 
    font-size: 18px; 
    list-style-position:inside; 
} 

#star-wars li 
{ 
    background-image: url(images/star-wars-icons/Han-Solo-02-icon.png); 
     padding-left: 100px; 
    background-repeat: no-repeat; 
    line-height: 80px; 
} 

Answer 1

看起來你只是忘記設置高度值到列表中。

#star-wars li { 
    height:80px; 
}