兼容解决方案: FloatCenter

让子元素自适应水平居中:

    使用：

    外框加上 .sl-floatcenter, 子元素加上 .sl-floatcenter-item，元素就可以自动根据父元素的宽度水平居中
    结构:

    <ul class="sl-floatcenter fn-clear">
        <li class="sl-floatcenter-item">item1</li>
        <li class="sl-floatcenter-item">item2</li>
        <li class="sl-floatcenter-item">item3</li>
    </ul>
                    

 

.sl-floatcenter {
    display: block;
    font-size: 0;
    text-align: center;
}
.sl-floatcenter-item {
    display: inline-block;
    font-size: 13px;
    vertical-align: top;
}
.sl-floatcenter {
    font-size: 1px;
}