在網頁設計中，經常需要使用多張照片平排顯示的布局，今天我們來學習一下如何用CSS實現這樣的效果。

首先，我們需要準備好需要展示的幾張照片，然后使用HTML代碼將它們按照一定的順序排列起來：

<div class="photo-container">
<img src="photo1.jpg" alt="photo1">
<img src="photo2.jpg" alt="photo2">
<img src="photo3.jpg" alt="photo3">
<img src="photo4.jpg" alt="photo4">
<img src="photo5.jpg" alt="photo5">
</div>

以上代碼將幾張照片包裹在一個div容器內。接下來，我們使用CSS樣式來實現平排的布局效果：

.photo-container {
display: flex;
justify-content: space-between;
align-items: center;
}
img {
width: 20%;
margin-right: 2%;
}
img:last-child {
margin-right: 0;
}

以上代碼給容器設置了flex布局，并使用justify-content屬性來控制圖片的水平排列方式，align-items屬性來控制垂直對齊方式。同時，給每個圖片設置了寬度和右邊距，最后一個圖片的右邊距設為0，這樣就能實現圖片平排的效果。

使用以上代碼，就能實現幾張照片平排顯示的效果。設計師們可以通過修改樣式來實現自己的布局需求。希望以上內容能對大家有所啟發。