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

Question

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

我在小提琴http://jsfiddle.net/kzhfe/12/上设置了一个示例

carouFred选择链接

我将不胜感激这方面的帮助。我尝试了几件事，但没有一个有效

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: middlehttp: //jsfiddle.net/kzhfe/17/