html图片式卡片怎么并排

您可以使用 HTML 和 CSS 实现图片并排。以下是一个示例代码：

<div class="card-container">
  <div class="card">
    <img src="image1.jpg" alt="Image 1" />
    <p>Description 1</p>
  </div>
  <div class="card">
    <img src="image2.jpg" alt="Image 2" />
    <p>Description 2</p>
  </div>
</div>

然后，在 CSS 中，您可以使用 `display: inline-block;` 属性来使卡片并排显示。以下是一个示例 CSS 代码：

.card-container {
  display: flex;
  justify-content: space-between;
}

.card {
  width: 48%;
  display: inline-block;
  margin-bottom: 20px;
}

.card img {
  width: 100%;
}

.card p {
  text-align: center;
}

在这个示例中，我们将 `card-container` 设置为 flex 容器，并使用 `justify-content: space-between;` 属性来将卡片放置在容器的两端。然后，我们将每个卡片的宽度设置为 48%，这将使它们并排显示。最后，我们将每个卡片的显示属性设置为 `inline-block`，并为其添加一些样式以使它们看起来像卡片。

您可以根据需要调整 CSS 样式来满足您的需求。