CSS樣式可以讓我們輕松地將圖片橫向排列，讓我們的網(wǎng)頁看起來更加美觀和整潔。

<style>
.image-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.image-container img {
margin: 10px;
}
</style>

以上代碼中，我們使用了flex布局實現(xiàn)橫向排列。具體來說，我們創(chuàng)建了一個容器元素（.image-container），并將其設(shè)為flex布局。我們使用flex-wrap屬性將圖片進(jìn)行折行處理，讓圖片能夠自動適應(yīng)不同屏幕大小。同時，我們使用justify-content屬性將圖片居中排列。

為了讓圖片之間有適當(dāng)?shù)拈g距，我們使用了margin屬性添加了10像素的外邊距。

使用以上代碼，我們只需要在HTML中創(chuàng)建一個包含多個圖片的容器元素即可實現(xiàn)橫向排列。

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

以上是一個示例HTML代碼，其中我們將四個圖片放置在一個class為image-container的容器元素中，通過CSS樣式實現(xiàn)了橫向排列。

使用CSS樣式可以讓我們更加方便地控制圖片的排列，讓網(wǎng)頁更加美觀。