在網頁上展示照片和圖片是非常常見的操作，而如何排列這些照片則是很多網站設計師需要考慮的問題。我們可以使用CSS實現照片的排列，讓網頁看起來更加美觀和整潔。

要實現照片的排列，我們可以使用以下代碼：

.container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item{
width: 30%;
margin-bottom: 20px;
}

以上代碼中，我們定義了一個名為container的容器，使用了flex布局，并設置了flex-wrap為wrap，這樣當容器內元素的寬度超過容器寬度時，會自動換行。我們還使用justify-content屬性將元素分布在容器的兩端。

而對于每一個照片元素，我們可以使用.item來定義它的基本樣式。在這里，我們將每個元素的寬度設置為30%，并添加了margin-bottom屬性來設置元素之間的間距。

在實際應用中，我們可以根據實際需要調整.container和.item的屬性，以達到最佳的效果。