2013-06-24 64 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

當沒有固定寬度時,水平擴展以及將文本分解爲行都是有效的。這個決定留給執行。 –