Firefox에서 수직 중심의 Jquery 슬라이드가 작동하지 않습니다.

Question

display:table-cell에 사용 된 Firefox에서 내 JQuery UI 세로 슬라이드는 텍스트를 수직으로 가운데에 맞춰야하기 때문에 .label에 사용되었습니다.

은 참조 : JSFiddle

내가 파이어 폭스에서 해결할 수있는 방법은 아직 수직 중심을 유지?

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);