怎样让子类的浮动元素居中呢？

Question

怎样让一个div下的float子类居中？https://jsfiddle.net/y4okbek1/22/

Answer 1

要居中有几个条件

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

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

https://jsfiddle.net/y4okbek1/23/

Answer 2

要居中还用float做什么