如何讓我的縮略圖呈現良好？

Question

我正在創造image thumbnails in a list但他們不完美。

如可以從屏幕截圖所示，縮略圖可以超過所指定的區域。我試圖爲縮略圖設置稍小的尺寸，但它仍然不能很好地放置。我能做什麼？呈現縮略圖的代碼如下所示：

<img src="http://lh3.googleusercontent.com/zIWGDBEuLiqUHkN4uEfx4WprFfeSE4hnWrxLYIk_VdKYuCWYgR5ZmGFEIQXv1nYNEv1DWlq_jcMrJ6biSnGWJwFnwsQ=s80" title="Royal Info Service Offered" alt="Royal Info Service Offered">

參數s80是圖像的大小，我也許不能使其更小。我應該改變CSS嗎？如果是這樣，怎麼樣？

Answer 1

在圖像上設置了max-height: 62px;。

我建議您爲圖像需要的類別縮略圖如下：

HTML

<img class="thumbnail" src="http://lh3.googleusercontent.com/zIWGDBEuLiqUHkN4uEfx4WprFfeSE4hnWrxLYIk_VdKYuCWYgR5ZmGFEIQXv1nYNEv1DWlq_jcMrJ6biSnGWJwFnwsQ=s80" title="Royal Info Service Offered" alt="Royal Info Service Offered"> 

和應用最大高度CSS的那類：

CSS

.thumbnail { 
    max-height: 62px; 
}