橫向排列圖片在Web開發中，是經常會用到的一種技巧。在有些頁面中，我們需要多張圖片并排顯示，而不是像傳統的垂直排列一樣。這時，橫向排列圖片的技巧就可以派上用場。

在CSS中，我們一般使用inline-block或float屬性來控制圖片的橫向排列。其中，inline-block是將元素變成內聯塊級元素，float是使元素浮動。

/*使用inline-block排列圖片*/
img{
display: inline-block;
}
/*使用float排列圖片*/
img{
float: left;
}

以上代碼中，我們可以根據需要選擇inline-block或float屬性進行圖片的橫向排列。不過，需要注意的是，使用float屬性時，我們需要清除浮動，以免造成布局混亂的情況。在清除浮動時，我們可以使用clearfix的技巧。

/*使用clearfix清除浮動*/
.clearfix:after{
content:""; 
display:table; 
clear:both; 
}
.clearfix{
zoom:1; 
}

最后，需要提醒的是，在進行橫向排列圖片時，我們需要考慮到圖片的大小、間距、對齊方式等多個因素，以確保頁面布局的美觀與合理。