文本在两个浮动图像之间居中的垂直位置问题

<div class="container">
  <img src="image1.jpg" alt="Image 1" class="float-left">
  <p class="centered-text">居中的文本</p>
  <img src="image2.jpg" alt="Image 2" class="float-right">
</div>

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

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.centered-text {
  text-align: center;
}

<div class="container">
  <img src="image1.jpg" alt="Image 1" class="float-left">
  <p class="centered-text">居中的文本</p>
  <img src="image2.jpg" alt="Image 2" class="float-right">
</div>

.container {
  position: relative;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.centered-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}