在網頁設計中，有時候需要將多張圖片橫向排列，以便更好地展示圖片信息。本文將簡單介紹如何使用CSS實現6張圖片的橫向排列。

<div class="image-container">
<img src="image1.jpg">
<img src="image2.jpg">
<img src="image3.jpg">
<img src="image4.jpg">
<img src="image5.jpg">
<img src="image6.jpg">
</div>
<style>
.image-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.image-container img {
width: calc(33.3% - 10px);
margin-bottom: 20px;
}
</style>

以上代碼中，我們首先使用了一個容器div包裹了6個圖片。然后使用CSS的flex屬性，將容器的子元素橫向排列，并使用space-between屬性讓它們平均分布在整個容器內。接著使用flex-wrap屬性使子元素換行，以實現橫向排列的效果。最后為每個圖片設置相同的寬度，并給它們設置一些底部的間距，使排列看起來更整齊。