將多個圖像放在一個容器上，作爲迴應

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%; 
}