사파리의 Jquery 표시/숨기기

Question

Jquery .show() 및 .hide()를 사용하여 버튼을 표시하거나 숨기는 간단한 탐색 모음을 만들었습니다. Firefox에서 볼 때 제대로 작동하지만 Safari에서 볼 때마다 버튼을 숨기거나 표시 할 때마다 탐색 바에 공간이 추가됩니다. 여기

은 예입니다 http://jsfiddle.net/My4d4/

Answer 1

는 사용하지 마십시오 display: table 및 display: table-celldisplay: table-cell 원인 웹킷 (사파리와 크롬에 의해 사용되는 렌더링 엔진)에서 다시 그리기 "버그"가있는 것 같습니다

요소를 잘못 다시 칠할 수 있습니다. display: table이 포함 된 div (숨겨진 후 다시 표시되는 경우)는 올바르게 칠합니다.

그러나 display: table-cell 요소를 숨기고 다시 표시하면 이전 폭이 계산 된 것으로 보입니다 다시 현재 위치뿐만 아니라 셀의 위치로 이동하여 이상한 결과를 초래합니다.

백분위 수 너비 인 float: left과 기본 디스플레이를 사용하는 것이 좋습니다. 표를 사용하려면 표를 사용하십시오. 테이블을 피하고 테이블을 피하고 올바르게 처리하십시오.

see my working example at jsFiddle