在CSS中，將圖片橫向排列是一個(gè)相對(duì)簡(jiǎn)單的任務(wù)。我們可以使用CSS中的display屬性和float屬性來實(shí)現(xiàn)橫向排列。 首先，我們需要為每個(gè)圖片創(chuàng)建一個(gè)類。例如，我們可以將類命名為“image”。并定義圖片的寬度和高度。代碼如下：

img.image {
width: 200px;
height: 200px;
}

接下來，我們需要使用float屬性將圖片橫向排列。我們可以將所有的圖片包含在一個(gè)div中，并使用CSS中的display屬性將div設(shè)置為塊級(jí)元素。代碼如下：

div.image-container {
display: block;
}

然后，我們?yōu)槊總€(gè)圖片添加float屬性，將他們沿著水平方向飄動(dòng)。代碼如下：

img.image {
float: left;
margin-right: 10px; /* 可選 */
}

注意，我們使用了margin-right屬性來控制圖片之間的間距。 最后，我們可以使用HTML來創(chuàng)建圖片并指定類。代碼如下：

現(xiàn)在，我們已經(jīng)成功地將三張圖片橫向排列。如果你有更多的圖片需要排列，只需要在HTML中添加更多的img元素即可。