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中不工作

回答

相关问题