CSS可以幫助我們在網頁中輕松地顯示多張圖片。例如，我們可以創建一個帶有多個圖片的相冊或者畫廊。

.gallery {
display: flex;
flex-wrap: wrap;
}
.gallery img {
width: 25%;
height: auto;
margin: 10px;
}

這段代碼將創建一個具有靈活布局的相冊，可以自動調整每張圖片的大小和位置。我們需要使用CSS的flex布局來實現這個效果。

通過在相冊容器上設置display：flex，我們可以讓子元素在同一方向上排列，并根據需要自動換行。這意味著如果我們添加或移除圖片，它們將根據需要動態調整其位置，而不需要手動更改布局。

每個圖像都可以使用img標記添加到相冊容器中。將圖像的寬度設置為25％，這意味著每行將顯示四張圖像，對于更寬的屏幕，每行將自動添加更多的圖像。

最后，我們可以通過將圖像的上下邊距設置為10px來向視覺上增加圖像之間的間距。您可以根據需要更改此值。