CSS div nowrap在IE中不工作

我正在使用iscroll js lib在css中構建流體導航。現在，一切順利在Firefox和鉻。唯一的問題是與ie。CSS div nowrap在IE中不工作

所以基本上我有一個流體股利，我不想包裝或打破。在ie它打破..我使用的是空白：nowrap css屬性。

只適用於ie8 +。

html代碼：

 <div id="nav"> 
      <ul class="navigation"> 
       .. many li tags with a tags inside .. 
      </ul> 
     </div>

的CSS：

.navigation { 
    display: inline-block; 
    list-style: none; 
    border-right: 1px solid #576a85; 
    border-left: 1px solid #3e506c; 
}

和

.navigation li { 
    float: left; 
} 

.navigation a { 
    display: block; 
    text-align: center; 
    padding: 10px; 
    text-transform: uppercase; 
    color: #FFFFFF; 
    font-size: 12px; 
    font-weight: bold; 
    border-left: 1px solid #576a85; 
    border-right: 1px solid #3e506c; 
}

行爲的一些畫面：

（鉻）

look in chrome

（IE）

look in ie

謝謝您的幫助！

來源

2013-02-05 Megamind

等待 - 你想要一個響應式導航，但不希望它像在另一個屏幕截圖中那樣，在IE屏幕中看起來更具響應性，就像「屏幕截圖」一樣？ – kleinfreund

這就是爲什麼我使用iScroll ..我可以水平滾動導航。 – Megamind

display：inline-block ???只是給你一個提示：'inline-block' –

好吧，我現在得到了問題。

li元素必須是inline-block，而不是float left和ul whitespace nowrap ......這樣它將在ie中呈現良好。

來源

2013-02-05 21:30:33 Megamind

CSS div nowrap在IE中不工作

回答

相關問題