在CSS中，我們可以使用flexbox來輕松地將圖片并排排列。以下是一個簡單的示例： 首先，我們定義一個包含我們想要并排排列的圖像的父元素。我們可以使用HTML的div元素或section元素來完成此操作。假設我們有三個圖像，可以這樣寫：

<section class="image-container">
<img src="image1.jpg" alt="image 1">
<img src="image2.jpg" alt="image 2">
<img src="image3.jpg" alt="image 3">
</section>

現在，我們可以在CSS中創建一個名為“image-container”的類來定義此元素的樣式。我們將使用display:flex屬性來將圖像并排。

.image-container {
display: flex;
}

這將使圖像并排排列。但是，它們可能不會按照我們的想法對齊。在這種情況下，我們可以使用justify-content和align-items屬性來調整它們的位置。

.image-container {
display: flex;
justify-content: center;
align-items: center;
}

在上面的示例中，我們將圖像水平居中放置，并垂直居中放置。 在上面的代碼中，我們將其應用于section元素。您當然可以將此方法應用于其他元素，例如div元素。由于此方法是基于Flexbox的，因此您可以使用其他Flexbox屬性來進一步控制元素。 現在，我們已經掌握了如何使用CSS將圖像并排排列的基礎知識。這種方法易于理解和實現，可以讓您在不使用任何JavaScript的情況下輕松地排列圖像。