貓頭鷹旋轉木馬 - 垂直對齊底部

Question

您好我看到這個codepen：http://codepen.io/anon/pen/jJAHL從這個帖子：owl carousel, navigation center

我需要在轉盤的下方設置的項目。

我試圖

div.owl-item > div { 
    display:table-cell; 
    vertical-align:middle; 
} 

但它不工作

Answer 1

我只是碰到這種問題就來了，我想我會回答！ 您首先需要設置.owl-wrapper到display: table;

.owl-carousel .owl-wrapper { 
    display: table !important; 
} 

然後，你需要設置.owl-item到display: table-cell;和float: none;然後vertical-align: bottom;

.owl-carousel .owl-item { 
    display: table-cell; 
    float: none; 
    vertical-align: bottom; 
} 

這裏是更新CODEPEN