2012-04-24 82 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