在網頁中，有時我們需要把多張圖片橫著排列顯示，這時就需要使用CSS來實現。下面是實現方法： 首先，我們需要在HTML代碼中添加一個div容器，用來包裹這些圖片：

<div class="img-container"><img src="img1.jpg" alt="圖片1"><img src="img2.jpg" alt="圖片2"><img src="img3.jpg" alt="圖片3"></div>

接下來，在CSS中給這個div容器添加樣式，使圖片橫向排列：

.img-container {
display: flex;
flex-wrap: wrap;
}

代碼解釋：display: flex;將這個容器設置為Flex布局，而flex-wrap: wrap;則表示當子元素寬度超出容器寬度時，自動換行排列。 最后，為了讓圖片有間隔，我們可以再給img標簽添加margin樣式：

.img-container img {
margin: 10px;
}

這樣，就實現了多張圖片橫向排列的效果。 總結：使用CSS的Flex布局，可以很方便地實現圖片橫向排列。同時，我們也可以通過調整margin值來控制圖片之間的間距。