小编CMo*_*ira的帖子

在BxSlider Carousel中垂直居中对齐div

我正在使用bxslider脚本来构建旋转木马.我可以做得很好,我只是试图对齐以垂直居中放置幻灯片,因为它们没有相同的高度.我已经尝试了很多对齐技术,但是当bxslider正在运行时似乎都失败了.这是一个jsfiddle例子.

目前在示例中我设置了一个非常简单的CSS规则,该规则在未设置轮播时有效:

.bxslider-inner {
   vertical-align: middle;
    display: inline-block;
} 
Run Code Online (Sandbox Code Playgroud)

但是,正如您在jsfiddle中看到的那样,当轮播处于活动状态时,垂直对齐不再起作用.

我开始怀疑我可能必须更改脚本的核心代码才能实现这一点.

css jquery carousel bxslider

10
推荐指数
2
解决办法
1万
查看次数

标签 统计

bxslider ×1

carousel ×1

css ×1

jquery ×1