CSS拍照間隔可以幫助我們設置網頁中的圖片排列，使排版更美觀。在進行CSS拍照間隔時，我們需要使用下面的代碼：

.image-container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.image-box {
width: calc(33.33333333% - 10px);
margin-bottom: 20px;
}
@media (max-width: 768px) {
.image-box {
width: calc(50% - 10px);
}
}
@media (max-width: 550px) {
.image-box {
width: 100%;
}
}

在這段代碼中，.image-container是圖片容器的類名，我們使用了flexbox布局，并設置了justify-content為space-between和align-items為center，使圖片排列更加美觀。每個圖片塊是一個.image-box類，我們設置了圖片塊的寬度為calc(33.33333333% - 10px)，同時為圖片塊設置了margin-bottom，使圖片之間有一定的間隔。

在@media查詢中，我們使用了3個查詢條件，以響應式地調整圖片排版。當屏幕寬度小于768px時，我們將.image-box的寬度設置為calc(50% - 10px)，使每行只放置兩張圖片。當屏幕小于550px時，我們設置.image-box寬度為100%，使圖片在移動端按照一列顯示。