現在網頁設計中，照片并排展示是一種常見的布局方式。但是有時候，我們希望在兩張照片中間留出一些空白，以達到更好的視覺效果。下面就來介紹一種使用CSS實現照片并排中間留白的方法。

.photo {
display: inline-block; /* 將照片變成行內塊元素 */
width: 40%; /* 照片寬度占總寬度的40% */
margin: 2.5% 5%; /* 上下留白2.5%，左右留白5% */
}

首先，我們需要讓照片變成行內塊元素，這樣它們就可以在同一行并排展示。使用display: inline-block;即可實現。

其次，我們需要設置照片寬度和外邊距來實現留白效果。這里我們將照片寬度設置為總寬度的40%，并在上下、左右兩個方向設置留白，具體如下：

width: 40%;
margin: 2.5% 5%;

上述代碼中，margin: 2.5% 5%;表示上下留白2.5%，左右留白5%。

最后，只需要將照片按照這種方式排列即可：

<div class="photos">
<img src="photo1.jpg" class="photo">
<img src="photo2.jpg" class="photo">
</div>

上述代碼中，<div class="photos">表示一個包含兩張照片的div容器，class="photo"表示照片所使用的CSS類。

通過這種方式，我們可以很容易地在照片并排展示的同時實現中間的留白效果，讓網頁更加美觀。