Question

所有图像都有一个共同点; 它们都是300或600 像素宽的。但高度不尽相同, 大约为300- 900 像素。现在我需要一组图像, 用来向用户建议其他图像。这些图像只大约100x200像素( 可能改变) 。我上次尝试让图像缩入100x200的像素宽比。我需要将其重叠, 但多余的图像被隐藏。

Answer 1

尝试这样的东西"http://dabblet.com/gist/2769112" rel="noreferrer" >http://dabblet.com/gist/2769112

您需要的 CSS 很简单

.img-container {
    width: 200px; /* whatever set width */
    height: 100px;
    display: inline-block; /* or you could float them */
    overflow: hidden;
}
.img-container img {
    width: 100%;
}

Answer 2

将图像放入一个包装元素,如DIV, 带有定义的高度和宽度, 并使用 < code> overflow: hidden 。

友情链接