Html 如何使我的缩略图渲染良好?

Html 如何使我的缩略图渲染良好?,html,css,web,Html,Css,Web,我正在吃,但它们并不完美 从屏幕截图可以看出,缩略图可能超出指定区域。我试着为缩略图设置一个较小的尺寸,但它仍然不能很好地放置自己。我能做什么?呈现缩略图的代码如下所示: 参数s80是图像大小,我可能无法将其缩小。我应该改变CSS吗?如果是,如何设置?设置最大高度:62px在图像上 我建议为图像设置一类缩略图,如下所示: html <img class="thumbnail" src="http://lh3.googleusercontent.com/zIWGDBEuLiqUHkN4u

我正在吃,但它们并不完美

从屏幕截图可以看出,缩略图可能超出指定区域。我试着为缩略图设置一个较小的尺寸,但它仍然不能很好地放置自己。我能做什么?呈现缩略图的代码如下所示:


参数
s80
是图像大小,我可能无法将其缩小。我应该改变CSS吗?如果是,如何设置?

设置
最大高度:62px在图像上

我建议为图像设置一类缩略图,如下所示:

html

<img class="thumbnail" src="http://lh3.googleusercontent.com/zIWGDBEuLiqUHkN4uEfx4WprFfeSE4hnWrxLYIk_VdKYuCWYgR5ZmGFEIQXv1nYNEv1DWlq_jcMrJ6biSnGWJwFnwsQ=s80" title="Royal Info Service Offered" alt="Royal Info Service Offered">
.thumbnail {
  max-height: 62px;
}