2013-06-24 39 views
1

我曾经使用this template,当决定在Chrome浏览器中检查这个布局,并发现我的棘手的CSS错误。可能的Chrome浏览器li宽度渲染问题

看看列表页面顶部:登录 - 注册 - 我的帐户
我就是这么看的。
enter image description here

变焦正常,Chrome版本27.0.1453.116男,Windows 7的

我打了大约30分钟,这一点,但仍然没有找到很好的解决办法。

其他浏览器显示此正确,甚至Safari和IE!

有人有任何想法这可能是什么?

如果UL的设置宽度更大 - Chrome会显示正确,但为什么我应该考虑宽度?

回答

2

Chrome所做的是非常有效的,虽然也许意外。添加规则以防止包装使其在Chrome中按预期工作:

white-space: nowrap; 
+0

哦,真的。完全忘了这个属性。谢谢! – Denis

+0

你为什么认为这是正常的?当没有固定的宽度时,应该扩大。 – PHPst

+0

当没有固定宽度时,水平扩展以及将文本分解为行都是有效的。这个决定留给执行。 –