在CSS中，將圖片列成一排可以通過使用Flex布局或Grid布局來實(shí)現(xiàn)，下面分別介紹這兩種方法：

1、使用Flex布局：

<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>

.image-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

2、使用Grid布局：

<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>

.image-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  justify-content: center;
}

在這兩種方法中，圖片會被自動排列成一行，你可以根據(jù)需要調(diào)整圖片之間的間隔和位置，如果你有更多的圖片需要排列，只需要在HTML中增加更多的img元素即可。