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

我使用jQuery.carouFredSel显示横幅，到目前为止，它工作良好，除了一个问题，我有可变高度的横幅，在这个滑块中的横幅始终位于顶部，如果横幅比其他横幅小，那么我需要将其对齐在中间。我该怎么做

我在小提琴上树立了一个榜样

卡鲁弗雷德塞尔

---

我将非常感谢您在这方面的帮助。我尝试了几种方法，但没有一种有效

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

结果如下：

---

这里不需要JS，只需更改

display:block；浮动：左至
显示：内联块；垂直对齐：middle
：
我认为您需要在middle中进行垂直对齐我刚刚将此答案应用于我正在处理的站点上的caroufredsel，当它位于$（窗口）中时，它可以完美地工作。使用caroufredsel函数调用load（）（允许加载图像以进行调整），同时维护carousel功能。这应该是正确的答案。我会标记你的答案，因为这是一个纯CSS解决方案，我也感谢施恩，因为他也给出了一个有效的解决方案。只需注意：这个解决方案不起作用，因为carouFredSel中的子元素需要浮动：左；如果你再看一下这个JSFIDLE，你会看到一个横幅放在其他横幅的下面，它破坏了旋转木马的功能。记下这个答案。是的，他原来的小提琴也能做到这一点。并且
float:left
不能解决它。使用
inline block
您可以只执行
空白：nowrap
虽然（），但这是一个不同于我上面回答的问题，我认为真正的解决方案是简单地扩大容器div，使其适合所有图像。
var h = $("#BannerSlider").height();
        $.map($("#BannerSlider img"), function(e){
            var top =( h- $(e).height())/2;
            $(e).css("margin-top",top);
 });