在CSS中，我們可以使用多種方法來將多張圖片橫向排列，以下是其中的一種方法：

1、使用Flex布局：

Flex布局是一種強(qiáng)大的CSS布局工具，可以輕松實(shí)現(xiàn)圖片的橫向排列，我們可以將圖片容器設(shè)置為Flex容器，并利用Flex的flex-direction屬性來指定子元素（圖片）的排列方向?yàn)闄M向。

HTML結(jié)構(gòu)：

<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">
    <!-- 可以根據(jù)需要添加更多圖片 -->
</div>

CSS樣式：

.image-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between; /* 可選，根據(jù)需求調(diào)整 */
}

2、使用Inline-block：

另一種方法是使用display: inline-block來將圖片橫向排列，這種方法下，圖片會(huì)被視為內(nèi)聯(lián)元素，并按照HTML中的順序橫向排列。

HTML結(jié)構(gòu)：

<div class="image-container">
    <img src="image1.jpg" alt="Image 1" style="display: inline-block;">
    <img src="image2.jpg" alt="Image 2" style="display: inline-block;">
    <img src="image3.jpg" alt="Image 3" style="display: inline-block;">
    <!-- 可以根據(jù)需要添加更多圖片 -->
</div>

CSS樣式：

.image-container {
    white-space: nowrap; /* 防止圖片換行 */
}

3、使用CSS Grid：

CSS Grid也是一種強(qiáng)大的布局工具，可以實(shí)現(xiàn)圖片的橫向排列，我們可以將圖片容器設(shè)置為Grid容器，并利用Grid的grid-template-columns屬性來指定子元素（圖片）的排列方向?yàn)闄M向。

HTML結(jié)構(gòu)：

<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">
    <!-- 可以根據(jù)需要添加更多圖片 -->
</div>

CSS樣式：

.image-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); /* 根據(jù)需要調(diào)整列的大小和數(shù)量 */
    grid-gap: 10px; /* 可選，根據(jù)需求調(diào)整 */
}

三種方法都可以實(shí)現(xiàn)圖片的橫向排列，你可以根據(jù)自己的需求和喜好選擇適合的方法，也可以結(jié)合其他CSS特性和工具來實(shí)現(xiàn)更豐富的布局和樣式效果。