CSS中有多種方法可以使多張圖片排列，以下是幾種常用的方法：

.image-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.image-container img {
margin-right: 10px;
}

以上代碼使用了Flexbox布局，將圖片容器設置為彈性布局，并通過justify-content和align-items屬性控制圖片的排列方式，其中justify-content設置為space-between可以使圖片均勻分布在容器內。

.image-container {
column-count: 3;
}
.image-container img {
display: block;
margin-bottom: 10px;
}

以上代碼使用了CSS3的多列布局，將圖片容器設置為3列，并通過display屬性將圖片設置為塊級元素，使其獨占一行，并設置margin實現圖片之間的間距。

.image-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.image-container img {
width: 100%;
}

以上代碼使用了CSS3的網格布局，將圖片容器設置為網格布局，通過grid-template-columns屬性控制列數，并通過grid-gap屬性設置圖片之間的間距，同時將圖片寬度設置為100%以充滿整個網格。