CSS是前端開發者最常用的技術之一，其中排列圖片也是CSS的一項重要功能。在頁面設計中，展示圖片需要對其進行排列、對齊、布局等操作，這些操作都可以通過CSS實現。

下面我們將介紹幾種常見的圖片排列方式。

.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.item {
width: 300px;
height: 200px;
margin: 10px;
background-color: #ccc;
background-image: url('圖片地址');
background-size: cover;
}

上述代碼實現了利用Flex布局排列圖片的效果，容器中的每一個子項item被平均分布在容器中。同時使用了背景圖片進行填充，通過background-size屬性設置圖片大小適配div大小。

下面介紹一種利用CSS列數排列圖片的方式：

.container {
column-count: 4;
column-gap: 20px;
}
.item {
margin-bottom: 20px;
}

在上述代碼中，使用了屬性column-count和column-gap來設置圖片的列數和列之間的間隙，實現了圖片的等寬分布。

以上是常見的兩種排列圖片的方式，但實際上，還有很多其他的方式可以實現圖片的排列，如Grid布局、浮動等。開發者需要根據實際情況選擇最適合的方法。