照片墻是許多網站上常見的布局形式，可以通過CSS實現照片墻的排版效果。在本文中，我們將演示如何使用CSS創建一個照片墻布局，實現圖片的自適應大小并保持等間距的排列。

/* CSS代碼 */
/* 照片墻容器樣式 */
.photo-wall {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
/* 照片樣式 */
.photo {
width: 100%;
height: auto;
object-fit: cover;
margin-bottom: 5px;
}
/* 響應式布局 */
@media screen and (min-width: 1366px) {
.photo {
width: 48%;
}
}
@media screen and (min-width: 768px) and (max-width: 1365px) {
.photo {
width: 31%;
}
}
@media screen and (max-width: 767px) {
.photo {
width: 100%;
}
}

首先，在HTML中創建一個div元素并設置class為“photo-wall”，此為照片墻容器。將容器的display屬性設置為flex，使其成為彈性盒子容器。設置flex-wrap屬性為wrap，使其在容器寬度不夠時自動換行。justify-content屬性設置為space-between，使照片間隔保持等間距排列。align-items屬性設置為center，使照片垂直居中對齊。

其次，對于照片樣式，將其寬度設置為100%，高度自適應并使用object-fit屬性保持照片的比例。設置照片之間的下邊距為5px。

接著，使用@media查詢設定不同屏幕寬度下的布局規則，實現響應式布局。針對大屏幕設備，將照片寬度設定為48%，適當縮小間距。中等屏幕設備時，將照片寬度設定為31%，保持等間距排列。對于小屏幕設備，將照片寬度設定為100%，使其完全適應屏幕寬度。

最后，在HTML中創建img元素，設置src屬性為對應的照片路徑，并添加class為“photo”，使其應用照片樣式。所有照片都將排列在照片墻容器內。

通過以上的CSS代碼，我們可以將照片墻制作得簡單又美觀，達到了顯示照片的效果。你也可根據自己的需要隨意修改CSS樣式以制作出自己的照片墻。