2012-01-15 61 views
-2
<ul id="ilist"> 
       <li> 
        <img src="img/icon1.png" alt="" /> 
        <p> 
         some text here</p> 
       </li> 
</ul> 

問題是當更多的項目來這裏有時候圖標稍大一點使我的列表車。所以我如何設置圖像的最大寬度,高度(如果我設置瀏覽器調整大小)。有人可以告訴我如何設置圖像的最大寬度和高度。我如何讓我的列表在html中工作?

Sollution

在剩下的圖像和第二,在右側的文本創建HTML樣機一個兩個UL華里。這更容易遵循。

+0

附加截圖PLZ – Abudayah 2012-01-15 12:00:11

+0

我認爲,這個問題會幫助你http://stackoverflow.com/questions/5748593/how-to-resize-to -the-img-tag-appropriate – int 2012-01-15 12:01:39

+0

CSS有['max-width'](http://reference.sitepoint.com/css/max-width)和['max-height'](http:// reference。 sitepoint.com/css/max-height)屬性。 – 2012-01-15 12:08:50

回答

1
<ul id="ilist"> 
     <li> 
      <img src="img/icon1.png" alt="" **width="500" height="400"**/> 
      <p>some text here</p> 
     </li> 
</ul> 

或者利用CSS做到這一點:

#ilist li img{ 
max-height: 400px; 
max-width: 500px 
}