不希望图像偏离定义的div大小; 应保持图像分辨率; 不要介意图像是否被剪切

Question

我试图通过展示缩略图来创建HTML专辑预览; 所有缩略图都应定义为方形.

现在,当我试图显示缩略图时,要么某些图像的分辨率失真,要么在另一种情况下(即)如果我没有设置属性(高度和宽度),则图像来自DIV和其他图像重叠.

你能否告诉我,如何在不失去图像分辨率的情况下显示图像,使它们不会脱离div; 我不介意图像被裁剪.

一个简单的解决方案很好,因为我使用表格,我不想使用iFrames.谢谢!!

Answer 1

用overflow: hidden你的DIV

HTML:

<div class="thumbnail">
     <img src="images/thumb-01.png"/>
</div>

CSS:

.thumbnail{
     overflow: hidden;
}