display: flex; 怎么只放两个图

要将display:flex应用于只放两个图的情况，可以使用flex布局的基本属性和技巧来实现。以下是一种方法：

<style>
.container {
  display: flex;
}

.item {
  flex: 1;
}

.image {
  width: 100%;
  height: auto;
}
</style>

<div class="container">
  <div class="item">
    <img class="image" src="image1.jpg" alt="Image 1">
  </div>
  <div class="item">
    <img class="image" src="image2.jpg" alt="Image 2">
  </div>
</div>

在上面的示例中，我们创建了一个包含两个图像的容器，并将其设置为flex布局。每个图像都被包装在一个具有flex: 1属性的项目中，这将使它们平均分配容器的可用空间。图像的宽度设置为100％，以确保它们适应其容器的大小。