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

我使用jQuery.carouFredSel显示横幅，目前它工作正常，除了一个问题我有可变高度的横幅和横幅在这个滑块总是在顶部，如果横幅较小比其他横幅，然后我需要对齐中间中间。我怎样才能做到这一点如何垂直对齐多个图像在中间里面div

我已经安装上的小提琴http://jsfiddle.net/kzhfe/12/

carouFredSel link

一个例子，我将不胜感激帮助这对于。我试过几件事情，但他们的非工作

来源

2012-08-13 Learning

无需JS这里，只是改变display: block; float: left;到display: inline-block; vertical-align: middle：http://jsfiddle.net/kzhfe/17/

来源

2012-08-13 08:40:16 powerbuoy

我会给你答案，因为它是一个纯粹的CSS解决方案，我也很欣赏Shih-En，因为他也提供了一个工作解决方案。 – Learning 2012-08-13 09:21:13

是不是我的小提琴工作？ – powerbuoy 2012-08-13 10:56:01

请注意：此解决方案不起作用，因为carouFredSel中的子元素需要float：left;如果再看一眼那个jsfiddle，你会看到一个横幅坐在其他下面，这打破了传送带功能。标记此答案。 – 2014-05-16 06:38:42

我在您的示例代码

这里添加代码，结果如下：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); 
});

来源

2012-08-13 08:29:26

我认为你需要在中间垂直对齐 – 2012-08-13 08:33:14

我刚刚将这个答案应用于我正在使用的网站上的caroufredsel，并且它在$（window）.load（）机智h caroufredsel函数调用（允许图像加载进行调整），同时保持传送带功能。这应该是正确的答案。 – 2014-05-16 06:40:46

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

回答

相关问题