2012-04-24 75 views
0

我似乎遇到了Chrome和Safari兩種排序問題,在瀏覽器不是最大化或全屏時,或者以較低的分辨率時,標題列顯示標題的方式。我找不到關於這個主題的任何內容,所以我希望這裏的某個人能夠給我一個骨頭。jQuery Datatables頭對齊錯誤Chrome/Safari

無論如何,繼承人夫婦在低分辨率下從firefox截圖一個,在低分辨率下截取一個鉻,以及儘管窗口大小和分辨率都應該看起來非常理想,但理想情況下,如果在所有可能的。

我認爲這是我認爲這可能是Chrome和Safari處理填充以及文字環繞的方式,但我可能是錯的。無論哪種方式,我需要一個修復或找出是否有沒有變通

在Chrome中:

Chrome

在Firefox:

Firefox

尼斯,使其本在所有瀏覽器中的方式:

Ideal

回答

2

看起來您已經將文字寬度設置得非常緊密。增加您設置的列寬。

除此之外,請嘗試在標題單元上設置whitespace:nowrap;

+0

我推薦'whitespace:nowrap;'或'whitespace:pre-wrap;'。隨着列寬度(甚至有列寬度)可能沒有必要。 – Brilliand 2012-04-24 20:58:25