サファリのJqueryの表示/非表示

Question

Jquery .show（）および.hide（）を使用してボタンを表示および非表示にする簡単なナビゲーションバーを作成しました。 Firefoxで表示しているときは正しく動作しますが、Safariで表示すると、ボタンを非表示/表示するたびに余分なスペースがナビゲーションバーに追加されます。ここで

は一例です： http://jsfiddle.net/My4d4/

Answer 1

は使用しないでくださいdisplay: tableとdisplay: table-celldisplay: table-cellの原因のWebkit（SafariとChromeで使用レンダリングエンジン）、中塗り替え「バグ」があるように思わ

要素が正しく再描画されないdisplay: tableの要素が非表示になっている場合は、その要素が再度表示されます。

ただし、display: table-cell要素を非表示にして再表示すると、その前の幅が計算されるようです

私は、パーセンタイル幅、float: leftとデフォルト表示を使用することをお勧めします。テーブルを使用するには、テーブルを使用してください。テーブルを避けてテーブルを避けて、それを正しく行う。

Please see my working example at jsFiddle