[英]CSS div nowrap not working in IE
我正在使用iscroll js lib在CSS中构建流畅的导航。 现在,使用Firefox和Chrome可以使一切变得顺畅。 唯一的问题是ie。
所以基本上我有一个不固定的div,我不想包裹或破坏它。 在即打破。..我正在使用空格: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;
}
行为的一些屏幕:
(铬)
(即)
谢谢您的帮助!
好的,我现在遇到了问题。
li元素必须是内联块,而不是向左浮动和ul空格nowrap ...这样,它将在ie中呈现良好。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.