html - 如何使我的缩略图呈现良好？

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;
}