Css Don'；我不希望图像得到一个定义的div大小；应保持图像分辨率；Don'；I don’我不介意把图像剪下来

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

现在，当我试图显示缩略图时，要么是某些图像的分辨率失真，要么是在另一种情况下（即），如果我没有同时设置属性（高度和宽度），图像将从DIV中出来并与其他图像重叠

你能告诉我，如何实现在不降低图像分辨率的情况下显示图像，这样它们就不会从div中出来；我不介意图像被裁剪

一个简单的解决方案很好，因为我使用的是表，我不想为此使用iframe。

---

谢谢

如果每个图像都有自己的div父对象，则可以在div上使用css溢出。从图像中删除高度和宽度

div{
    overflow:hidden;
}

---

如果每个图像都有自己的div父对象，则可以在div上使用css溢出。从图像中删除高度和宽度

div{
    overflow:hidden;
}

---

在div上使用

overflow:hidden

HTML:

---

在div上使用

overflow:hidden

HTML:

看看这个。为所有图像设置相同的宽度和高度

如果图像分辨率相差很大，则使用

div

，而不是

img

，并将图像作为背景

在这种情况下，您可以使用

overflow:hidden;
background-size: 100px 100px; /* CSS3 */

使用可以根据需要设置图像尺寸。

检查此项。为所有图像设置相同的宽度和高度

如果图像分辨率相差很大，则使用

div

，而不是

img

，并将图像作为背景

在这种情况下，您可以使用

overflow:hidden;
background-size: 100px 100px; /* CSS3 */

---

使用可以根据需要设置图像尺寸。

这可以通过以下方法实现

HTML代码

<div class="kq"><div class="img_div"><img src = "sample.jpg" /></div></div>

---

}这可以通过以下方法实现

HTML代码

<div class="kq"><div class="img_div"><img src = "sample.jpg" /></div></div>

---

}

尝试根据所需的宽度和高度调整大小-检查是否提供了真实的缩略图，或者是否试图要求浏览器缩小全尺寸图像？如果你只是缩小全尺寸图像，这对用户来说不是很好…试着根据你想要的宽度和高度来调整它们的大小-检查或者你提供的是真实的缩略图，还是你试图要求浏览器缩小全尺寸图像？如果你只是缩小全尺寸图像，这对用户来说不是很好。。。