CSS是一種用于描述網(wǎng)頁樣式的語言，它可以幫助我們實(shí)現(xiàn)各種網(wǎng)頁布局和樣式效果，一行顯示兩張照片是一種常見的布局方式，下面我們將介紹如何使用CSS來實(shí)現(xiàn)這種布局。

我們需要在HTML中定義兩個(gè)圖片元素，并給它們分別設(shè)置class或id屬性，以便在CSS中定位它們。

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

我們可以在CSS中使用flex布局來實(shí)現(xiàn)一行顯示兩張照片的效果，具體代碼如下：

.flex-container {
  display: flex;
  justify-content: space-between;
}
.photo1, .photo2 {
  width: 50%;
  height: auto;
}

在上面的代碼中，我們定義了一個(gè)名為.flex-container的類，并將其設(shè)置為flex布局，我們將.photo1和.photo2的寬度設(shè)置為50%，并將高度設(shè)置為auto，以便圖片能夠自適應(yīng)一行顯示兩張照片的布局，我們使用justify-content屬性將圖片之間的間距設(shè)置為均勻分布。

我們可以將上述代碼應(yīng)用到HTML中的圖片元素上，從而實(shí)現(xiàn)一行顯示兩張照片的效果。

<div class="flex-container">
  <img class="photo1" src="photo1.jpg" />
  <img class="photo2" src="photo2.jpg" />
</div>

通過上面的代碼，我們可以實(shí)現(xiàn)一行顯示兩張照片的效果，并且圖片之間的間距也會(huì)均勻分布，希望這篇文章能夠幫助你實(shí)現(xiàn)所需的布局效果。