如何垂直对齐div中间的多个图像

Question

我使用jQuery.carouFredSel来显示横幅，到目前为止它工作正常除了一个问题我有可变高度的横幅和横幅在这个滑块总是在顶部如果横幅小于其他横幅然后我需要对齐它中间的。我怎么能这样做

我在小提琴http://jsfiddle.net/kzhfe/12/

上设置了一个示例

carouFredSel link

我很感激这方面的帮助。我尝试了几件事，但他们没有工作

Answer 1

我在您的示例代码中添加了代码

结果如下：http://jsfiddle.net/sechou/kzhfe/16/

var h = $("#BannerSlider").height();
        $.map($("#BannerSlider img"), function(e){
            var top =( h- $(e).height())/2;
            $(e).css("margin-top",top);
 });

Answer 2

此处不需要JS，只需将display: block; float: left;更改为display: inline-block; vertical-align: middle：http://jsfiddle.net/kzhfe/17/