需要将图像垂直对齐中间

Question

我正在尝试在旋转木马中制作缩略图＆＃34;在中间垂直对齐＆＃34;默认情况下。我知道关于这个问题有很多关于stackflow的帖子，并建议使用：

vertical-align: middle;

与

一起

 display:inline-block;

但李元素没有任何影响。我也没有浮动物品。有人可以建议我吗？

链接到jsfiddle： http://jsfiddle.net/ashish_ifb/exfmhk1a/4/

Answer 1

解决方案1 ​​

尝试display:table获取ul，table-cell获取li

小提琴：http://jsfiddle.net/exfmhk1a/6/

解决方案2

position:relative; top:50%;transform:translateY(-50%);

使用img

小提琴：http://jsfiddle.net/exfmhk1a/10/

Answer 2

Easy peasy japanesey ，只需将此img选择器修改为：

   .maxcarousel__inner ul li img {
      position: absolute;
      bottom: 0;
      top: 0;
      margin: auto;
      width: 100%;
    }

<强> JSFiddle