将多个图像放在一个容器上，作为回应

Question

我知道有很多帖子有类似的问题，但在阅读完后，我一直无法解决我的问题。我想要一个独特的CSS解决方案。

这是我的代码：

#infobox { 
     margin-left: 15%; 
     margin-right: 15%; 
     width: 70%; 
     .pics { 
      opacity: 0.5; 
      float: left; 
      width: 100%; 
     } 
    } 

然而，使用此代码，我已经三页连胜的图片和这些图像下的第四次下降。我如何调整这些图像的大小以保持所有图像的连续性？

Answer 1

如果你确定你只有4张图片由行，你可以使用：

#infobox { 
    margin-left: 15%; 
    margin-right: 15%; 
    width: 70%; 

} 
#infobox .pics { 
    opacity: 0.5; 
    float: left; 
    width: 25%; 
}