css - Firefoxで垂直方向に中央揃えのJqueryスライドが機能しない

Question

display:table-cellJQuery UIの垂直スライドは、テキストを垂直方向に中央揃えするために使用されているため、Firefoxでは機能しません.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);