jquery - 水平设置图像

Question

我正在创建图像轮播 slider 。那里有些图像/图标比其他图像/图标小。而且我想在中心对齐所有图像/图标，而不需要为那些小图像添加任何额外的类。我正在尝试 vertical-align: middle; 或 display: inline-block; 等等。

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

<div id="owl-demo" class="custom-carousel">
  <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>

Answer 1

这是一个简单的示例，可能适合您使用带垂直对齐的内联 block 。

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

这是一个快速的 JS Fiddle:http://jsfiddle.net/jtqLL6hd/