在我的图库中,缩略图的宽度为 240 像素,但它们的高度各不相同。有什么方法可以裁剪缩略图,使它们都是 150 像素高?
目前我有这个:
.gallery > div > a > img {
position:absolute;
top: 0;
left: 0;
clip: rect(0px,240px,150px,0px);
overflow: hidden;
border:none;
}
这行得通,但只有顶行的图像看起来不错,因为它们都对齐了。其他行上的图像未对齐,因为它们被放置在上一行图像的原始高度之下。我需要在我的 CSS 中添加什么来解决这个问题?
最佳答案
我建议将它们包装在一个 div 中,设置高度为 150 像素并将溢出设置为隐藏。
.galleryImgWrapper {
height: 150px;
overflow: hidden;
}
.galleryImgWrapper img {
/* your styles here */
}
关于css - 裁剪图库的缩略图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13239180/