为了在一行中显示图像，您可以使用以下命令：
HTML：

<div class="card-container">
  <div class="card">
    <img src="image1.jpg" alt="Image 1">
    <h3>Card 1</h3>
    <p>Card description 1</p>
  </div>
  <div class="card">
    <img src="image2.jpg" alt="Image 2">
    <h3>Card 2</h3>
    <p>Card description 2</p>
  </div>
  <div class="card">
    <img src="image3.jpg" alt="Image 3">
    <h3>Card 3</h3>
    <p>Card description 3</p>
  </div>
  <div class="card">
    <img src="image4.jpg" alt="Image 4">
    <h3>Card 4</h3>
    <p>Card description 4</p>
  </div>
</div>

CSS：

.card-container {
  display: flex;
  flex-wrap: nowrap; /* prevent wrapping */
  overflow-x: scroll; /* enable horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* enable smooth scrolling on iOS */
  scroll-snap-type: x mandatory; /* enable snap scrolling */
  scroll-padding: 0 10px; /* add padding to the sides */
}

.card {
  flex: 0 0 auto;
  width: 300px; /* set the width of each card */
  margin-right: 10px; /* add some margin between cards */
  scroll-snap-align: center; /* enable snap scrolling */
}

.card img {
  width: 100%; /* make the image fill the card */
  height: auto;
}

使用flex，您可以在一行中获取子项。