如何让我的缩略图渲染得很好？

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">

并将max height css应用于该类：

<强> CSS

.thumbnail {
  max-height: 62px;
}