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

    <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>

最终效果图：

转载于:https://www.cnblogs.com/xiaoxian1369/p/4055978.html