Jquery 将图像设置为水平

我正在创建一个图像旋转滑块。其中一些图像/图标比其他图像/图标小。我想把所有的图像/图标对齐在中间，而不需要为这些小图像设置任何额外的类。我试着垂直对齐：中间；或显示：内联块；等等

Screenshot_1.png是示例滑块，Screenshot_2.png是我正在寻找的滑块。

---

可以使用CSS flexbox技术将项目垂直居中。见下文：

下面是示例代码：

<div id="owl-demo" class="custom-carousel" style="display:flex; align-items: center;">
  <div class="item"><img src="img.png" alt="img"></div>
  <div class="item"><img src="img.png" alt="img"></div>
  <div class="item"><img src="img.png" alt="img"></div>
  <div class="item"><img src="img.png" alt="img"></div>
  <div class="item"><img src="img.png" alt="img"></div>
  <div class="item"><img src="img.png" alt="img"></div>
</div>

还有许多类似的堆栈交换答案，包括：

---

这是一个简单的示例，您可以只使用带有垂直对齐的内联块

.custom-carousel > .item {
    display: inline-block;
    vertical-align: middle;
}

---

这里是一个快速的JS提琴：

感谢您的资源和帮助：

.custom-carousel > .item {
    display: inline-block;
    vertical-align: middle;
}