您的位置:首页 > 其它

关于inline-block在IE8下无效的解决方法

2014-10-28 09:18 477 查看
<style>
.divClass{
width:500px;
border:1px solid #ccc;
}
/*IE8下可以不用加(*zoom:1;*display:inline;需要添加在display后面)*/
.divClass span{
display:inline-block;
width:160px;
margin-left:20px;
*zoom:1;
*display:inline;
}

.ulClass{
width:500px;
border:1px solid #ccc;
margin-top:20px;
}
/*IE8下需要添加(*zoom:1;*display:inline;需要添加在display后面)*/
.ulClass li{
display:inline-block;
width:160px;
*zoom:1;
*display:inline;
}
</style>

<div class="divClass">
<span>测试span</span>
<span>测试span</span>
<span>测试span</span>
<span>测试span</span>
<span>测试span</span>
<span>测试span</span>
<span>测试span</span>
<span>测试span</span>
</div>
<ul class="ulClass">
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
<li>测试li</li>
</ul>


最终效果图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: