CSS中，可以使用flex布局將圖片放置在一行中，以下是一個示例代碼：

HTML代碼：

<div class="image-row">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

CSS代碼：

.image-row {
  display: flex;
  justify-content: space-between;
}
.image-row img {
  max-width: 33.33%; /* 圖片寬度設置為容器寬度的33.33%，確保三張圖片在一行中顯示 */
}

在上面的代碼中，我們定義了一個名為image-row的類，用于表示圖片所在的行，通過display: flex;屬性，我們將該行的顯示方式設置為flex布局。justify-content: space-between;屬性則確保圖片之間的間隔均勻。

我們?yōu)?code>image-row中的img元素設置樣式。max-width: 33.33%;屬性將圖片的***大寬度設置為容器寬度的33.33%，這意味著三張圖片可以在一行中顯示，而不會超出容器的寬度。

通過這種方法，我們可以使用CSS將圖片放置在一行中，并且確保圖片的顯示不會超出容器的寬度。