在IE7中的水平li顯示爲垂直

Question

我已經嘗試了一些調整和修復，以及其他一些網絡上發現的帖子，但我仍然無法獲得此列表在IE7中顯示水平。

我檢查了驗證器的HTML和CSS，它是有效的，沒有錯誤。

我已經去掉了幾乎所有不相關的UL /李這裏http://dogmatic69.com/tmp/test.html

不勝感激任何幫助，謝謝。

Answer 1

除非你需要明確地浮動列表項，否則不要。使用display: inline;

Answer 2

IE 6 & 7不喜歡顯示：inline-block;因爲某些原因。

嘗試使用下面的代碼。請注意，它可能會在現代瀏覽器中破解它，所以請使用您的IE 6/7僅CSS文件。

<!--[if IE 7]> 
    <style> li { display: inline-block; display:block; } </style> 
<![endif]-->