垂直居中jquery幻燈片不能在Firefox中工作

Question

我的jQuery UI垂直幻燈片在Firefox中不起作用，因爲.label上使用的display:table-cell用於垂直居中文本。

請參見：JSFiddle

我怎樣才能在Firefox修復，但仍保留了垂直居中？

Answer 1

簡單地使標籤外的股利和動畫的div來代替：

HTML：

<div id="labels"> 
    <div> 
    <p class="label" data-groupl="1">Vertically centered text</p> 
    </div> 
</div> 

的jQuery：

$(".label").parent().show("slide", { direction: "right" }, 1000);