CSS中，將圖片放在同一行可以使用flex布局或者grid布局來(lái)實(shí)現(xiàn)。

我們可以使用flex布局，假設(shè)你有三個(gè)圖片，你可以這樣寫(xiě)：

<div class="flex-container">
  <img class="flex-item" src="image1.png" />
  <img class="flex-item" src="image2.png" />
  <img class="flex-item" src="image3.png" />
</div>

在CSS中，你可以這樣寫(xiě)：

.flex-container {
  display: flex;
  justify-content: space-between; /* 圖片之間的間隔 */
}
.flex-item {
  width: 33.33%; /* 每個(gè)圖片占用的寬度 */
}

這樣，你的圖片就會(huì)在同一行顯示，并且每個(gè)圖片之間有間隔。

你也可以使用grid布局來(lái)實(shí)現(xiàn)，假設(shè)你有四個(gè)圖片，你可以這樣寫(xiě)：

<div class="grid-container">
  <img class="grid-item" src="image1.png" />
  <img class="grid-item" src="image2.png" />
  <img class="grid-item" src="image3.png" />
  <img class="grid-item" src="image4.png" />
</div>

在CSS中，你可以這樣寫(xiě)：

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; /* 每個(gè)圖片占用的寬度 */
  gap: 10px; /* 圖片之間的間隔 */
}
.grid-item {
  width: 100%; /* 每個(gè)圖片占滿它所在的列 */
}

這樣，你的圖片也會(huì)在同一行顯示，并且每個(gè)圖片之間有間隔，不過(guò)，由于使用了grid布局，你的圖片可以更加靈活地分布在容器中。