在網頁設計中，圖片的使用是非常普遍的。而如何將圖片橫向展示，顯得更加美觀，這就需要使用CSS技術來實現。下面我們就一起來看看如何使用CSS來實現圖片橫向顯示。

<div class="image-container">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
</div>CSS代碼：.image-container {
display: flex;
flex-direction: row;
}
.image-container img {
width: 200px;
height: auto;
margin-right: 20px;
}

首先，我們需要一個div容器來包含所有的圖片。然后使用CSS中的flex布局，設置容器的主軸方向為橫向。這樣所有圖片都會水平排列。同時，我們還需要設置每張圖片的寬度，并使用margin-right來為每張圖片添加一定的間距。

需要注意的是，以上CSS代碼中display屬性的值為flex，這是因為只有使用了flex布局，才能夠將多個元素排列到同一行。而flex-direction則可以用來設置主軸方向，包括row（橫向）、column（縱向）等等。

完整的代碼如下：

<div class="image-container">
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
</div>CSS代碼：.image-container {
display: flex;
flex-direction: row;
}
.image-container img {
width: 200px;
height: auto;
margin-right: 20px;
}

以上就是使用CSS來實現圖片橫向顯示的方法，希望對大家有所幫助。