CSS兩個照片怎么并排

在CSS中，我們可以使用多種方法將兩個照片并排，以下是一種簡單的方法：

1、我們需要創(chuàng)建一個包含兩個照片的HTML結構，可以使用div元素來包含這兩個照片，并將它們設置為inline-block或float類型。

<div style="display: flex;">
  <img src="image1.jpg" style="width: 50%; height: auto;">
  <img src="image2.jpg" style="width: 50%; height: auto;">
</div>

2、在CSS中，我們可以使用flex布局來更好地控制這兩個照片的位置和大小，我們可以設置justify-content屬性來使這兩個照片在水平方向上均勻分布，同時設置align-items屬性來使它們在垂直方向上居中。

div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

3、如果需要更多的控制，例如調(diào)整照片之間的間距，可以使用margin屬性。

<div style="display: flex;">
  <img src="image1.jpg" style="width: 50%; height: auto; margin-right: 10px;">
  <img src="image2.jpg" style="width: 50%; height: auto; margin-left: 10px;">
</div>

這種方法可以使兩個照片在水平方向上并排顯示，同時還可以調(diào)整它們之間的間距和位置。