0

我把这个问题放在这里是因为我有点急于解决这个问题,这个问题现在让我很困惑,因为我看不出它的原因。

您可以在此页面顶部看到“首页,打高​​尔夫球...等”的顶部导航:http: //urbangolf.mammalworld.com/golf-club-fitting/half-day

它在 Firefox 和 IE 中似乎可以正常工作(排成一行),但在 Chrome 和 Safari 上它会在大约 710px 处换行到第二行,我找不到原因。这似乎是由于使用 Cufon 进行字体替换,但这必须发生,但如果其他两个浏览器(尤其是 IE !!)可以正确呈现它,我怎样才能让 webkit 的行为?

对你的帮助表示感谢。

正确[IE/FF]

替代文字 http://urbangolf.mammalworld.com/templates/navigation-correct.jpg

错误[Chrome/Safari]

替代文字 http://urbangolf.mammalworld.com/templates/navigation-wrong.jpg

4

1 回答 1

1

我不完全确定为什么 webkit 决定这样做,但幸运的是,使用水平<ul>模式可以轻松解决这些情况。

user.css变化中:

.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width: 960px;}

添加white-space: nowrap;

.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width:960px;white-space:nowrap;}
于 2010-02-07T06:04:01.880 回答