CSS 可以很容易地將圖片排列在一起，讓頁面看起來更加有吸引力。下面是一個例子，展示了如何使用 CSS 將兩張圖片橫向排列。

// HTML 代碼
<div class="img-container">
<img src="image1.jpg" alt="Image 1">
<img src="image2.jpg" alt="Image 2">
</div>
// CSS 代碼
.img-container {
display: flex;
}
.img-container img {
margin-right: 10px;
}

以上代碼中，我們首先創(chuàng)建了一個 div 容器，并將其 class 設(shè)置為“img-container”。容器內(nèi)包含了兩個 img 元素，每個元素都有一個源圖像和一段描述性的 alt 文本。然后我們使用 CSS 添加了樣式到這個容器和其中的圖像。

使用 display: flex; 將容器設(shè)為彈性盒子并啟用 Flex 布局。默認(rèn)情況下，F(xiàn)lex 布局會將項目沿主軸（通常是水平方向）排列。因此，在這里，我們使用 display: flex; 將圖像排成一排。

接下來，對 img 元素應(yīng)用樣式。使用 margin-right: 10px; 將圖像分開。可以使用任何數(shù)字或單位來調(diào)整間距。另外還可以使用 margin-left、margin-top、margin-bottom 等屬性來調(diào)整圖像的位置。

這是一個簡單的示例，您可以將其輕松擴展以適應(yīng)所需的任何數(shù)量的圖像。祝您使用 CSS 成功地排列圖片！