在CSS中，我們可以使用多種方法來設置圖片的橫排排序，以下是其中的一種方法：

我們需要創(chuàng)建一個包含圖片的HTML元素，

<div class="image-container">
    <img src="image1.jpg" alt="Image 1">
    <img src="image2.jpg" alt="Image 2">
    <img src="image3.jpg" alt="Image 3">
    <img src="image4.jpg" alt="Image 4">
    <img src="image5.jpg" alt="Image 5">
    <img src="image6.jpg" alt="Image 6">
    <img src="image7.jpg" alt="Image 7">
    <img src="image8.jpg" alt="Image 8">
    <img src="image9.jpg" alt="Image 9">
    <img src="image10.jpg" alt="Image 10">
</div>

我們可以使用CSS的display: flex;屬性來設置圖片的橫排排序：

.image-container {
    display: flex;
    justify-content: space-between; /* 圖片之間的間隔 */
}

在這個例子中，justify-content: space-between;屬性會在圖片之間添加等量的空間，如果你想要圖片緊密排列，可以使用justify-content: flex-start;或者justify-content: flex-end;來調(diào)整圖片的位置。

如果你想要圖片垂直居中，可以使用align-items: center;屬性。

.image-container {
    display: flex;
    justify-content: flex-start; /* 圖片之間的間隔 */
    align-items: center; /* 圖片垂直居中 */
}

這樣，圖片就會緊密排列并且垂直居中，希望這個示例對你有幫助！