垂直居中的Jquery幻灯片在Firefox中不起作用

Question

我的JQuery UI垂直幻灯片在Firefox中不起作用，因为display:table-cell上使用了.label来垂直居中文本。

请参阅：JSFiddle

如何在Firefox中修复并保留垂直居中？

Answer 1

只需在标签外面创建一个div，然后为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);