在網站開發中，經常會使用圖片來豐富頁面的視覺效果。而如果多張圖片需要并列展示，就需要使用 CSS 來設置它們的布局。

.image-container {
display: flex;
justify-content: space-between;
}
.image {
height: 200px;
width: 200px;
object-fit: cover;
}

首先，我們創建一個容器，代碼中使用的是.image-container，并將其設置為一個彈性盒模型，屬性為display: flex;。接下來，我們使用justify-content: space-between;來讓其中的三張圖片自動分配等寬的空間，并在它們之間添加適當的距離。

接下來，我們定義每張圖片的樣式。代碼中使用的是.image，并分別設置其高寬為 200px，并使用object-fit: cover;來調整圖片在容器中的占位方式。

最終的 HTML 代碼應該類似于下面這樣：

<div class="image-container">
<img src="image1.jpg" alt="Image 1" class="image">
<img src="image2.jpg" alt="Image 2" class="image">
<img src="image3.jpg" alt="Image 3" class="image">
</div>

通過以上設置，這三張圖片就可以很好地呈現在一個容器中，并且自適應不同大小的屏幕。