css两图片并列居中

两张图片并列居中的方法有多种，下面我将介绍一种常用的方法。

我们可以使用Flexbox布局来实现两张图片的并列居中。Flexbox是一种强大的布局方式，可以很方便地实现元素的对齐和排列。

我们首先创建一个包含两张图片的容器div，并设置其为Flex容器。然后我们可以使用Flexbox的属性来控制图片的对齐和排列。

示例代码如下：

<div class="ee43-6baa-6719-2895 container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

在这个示例中，我们创建了一个名为container的div作为容器，并将其设置为Flex容器。接下来，我们使用`justify-content: center;`来使图片在水平方向上居中对齐，使用`align-items: center;`来使图片在垂直方向上居中对齐。

除了Flexbox布局，我们还可以使用其他方法来实现两张图片的并列居中。例如，我们可以使用绝对定位和transform属性来实现。

示例代码如下：

<div class="2895-46eb-d826-b2de container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
</div>

.container {
  position: relative;
}
.container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在这个示例中，我们首先将容器div设置为相对定位，然后将图片设置为绝对定位。使用`top: 50%;`和`left: 50%;`将图片的左上角定位到容器的中心点。使用`transform: translate(-50%, -50%);`将图片向左上方移动其自身宽度和高度的一半，从而使其居中对齐。

我们可以使用Flexbox布局或绝对定位和transform属性来实现两张图片的并列居中。这些方法都可以很方便地实现图片的对齐和排列，并且适用于不同的布局需求。