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

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

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

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

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">表示一個(gè)包含兩張照片的div容器，class="photo"表示照片所使用的CSS類。

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