兼容解决方案: FloatCenter

最新推荐文章于 2025-04-09 09:57:56 发布

a1013774673

最新推荐文章于 2025-04-09 09:57:56 发布

阅读量86

点赞数

原文链接：http://www.cnblogs.com/wkylin/archive/2011/11/30/2269037.html

版权

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

    使用：

    外框加上 .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;
}