在網頁設計中，圖片展示是非常重要的一環。有時候，我們需要展示多張圖片。而橫向排列這些圖片則是一個不錯的選擇。在CSS中，我們可以通過一些方法實現多張圖片的橫向排列。

.photos {
display: flex;
/* 橫向排列 */
flex-direction: row;
/* 將超出容器寬度的圖片縮小 */
flex-wrap: wrap;
}
.photos img {
/* 設置每個圖片的寬度 */
width: 25%;
/* 設置圖片與圖片之間的間距 */
padding: 5px;
}

以上代碼中，我們通過設置“display: flex;”的屬性值，將圖片容器轉換為彈性盒子。這樣就可以很方便地控制里面的元素了。接下來，我們設置容器的橫向排列方式為“flex-direction: row;”，并將超出容器寬度的圖片進行了自動縮小處理。同時，我們還通過“flex-wrap: wrap;”讓超出容器的圖片自動換行。

最后，我們針對每張圖片設置了“width: 25%;”和“padding: 5px;”，這樣就可以讓每個圖片占據容器的四分之一，并留出一定的間距。

總的來說，通過以上代碼，我們成功地實現了多張圖片的橫向排列。你也可以根據需要調整容器和圖片的大小，以達到最佳的效果。