圖片排序是在網站開發中經常遇到的問題。通過CSS中的布局和排版技巧，我們可以實現各種排列方式。今天，我們將討論如何使用CSS排布好網頁中的圖片。

/* 首先，需要為圖片定義一個父容器，并對其進行定位 */
.container {
position: relative;
}
/* 接下來，對圖片進行定位以實現排序 */
.container img {
position: absolute;
}
/* 根據需要，可以對圖片進行不同的布局方式 */
.container img:nth-child(1) {
top: 0;
left: 0;
}
.container img:nth-child(2) {
top: 0;
right: 0;
}
.container img:nth-child(3) {
bottom: 0;
left: 0;
}
.container img:nth-child(4) {
bottom: 0;
right: 0;
}

以上代碼首先給圖片定義了一個相對定位的父容器，接著使用絕對定位對圖片進行定位，最后使用:nth-child()選擇器指定不同的布局方式。當然，這只是其中的一種排版方式，可以根據需要進行修改和調整。