在前端開發中，我們經常需要將多張圖片放在同一個容器中。如果直接在html中一張張添加，會顯得繁瑣且不利于維護。在這種情況下，css就派上了用場。

下面介紹三種使用css讓多張圖片排列展示的方法：

/* 方法一：利用float屬性 */
img {
float: left;
margin-right: 10px;
}
/* 方法二：利用display屬性 */
.container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
/* 方法三：利用position屬性 */
.container {
position: relative;
}
img:first-child {
position: absolute;
top: 0;
left: 0;
}
img:nth-child(2) {
position: absolute;
top: 0;
right: 0;
}
img:last-child {
position: absolute;
bottom: 0;
right: 0;
}

以上三種方法各有優缺點，在具體應用中需根據需求進行選擇。方法一通過浮動實現，需要設置每張圖片的浮動方向及間距；方法二通過flex布局實現，代碼相對簡潔，但需要了解flex的相關屬性；方法三通過絕對定位實現，可以精確控制每張圖片的位置，但在容器大小變化時會導致圖片位置失效。

總之，css給了我們很多排列圖片的方法，當我們需要在一個容器中放置多張圖片時，可以根據實際情況綜合考慮以上三種方法的優缺點，選擇最合適的方案。