如何让子类的浮动元素居中呢？

要居中有几个条件

1.父组件宽度能确定（至少能算出来），居中组件有宽度（或能根据子组件计算出宽度）

2.不能用 float，因为 float 只会左或者右。当然，你可以在一个不是 float 的中容器中使用 float 来排列，再把容器居中

3.然后可以使用常规的几种方法居中

方法

1.text-align: center，适合 inline 或者 inline-block

2.left: 50%, margin-left: -@居中组件宽度/2

3.margin-left: auot; margin-right: auto

自己根据不同的情况尝试使用

<div class="container">
    <ul class="ul1">
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

.container {
    background: red;
}

.ul1{
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    background: blue;
    height:80px;
    overflow:hidden;
    padding: 0;
    list-style: none;
}

.ul1 li{
    float:left;
    width:50px;
    height:80px;
    background:black;
    padding: 0;
    margin-left: 5px;
    margin-right:5px;
    list-style: none;
}