挂林风景异，秋似洛阳春。倘若，生命是一场旅行，爱，一定在路上。而往往，走得最急的，都是最美的风景。世界上有不绝的风景，我有不老的心。有时三点两点雨，到处十枝五枝花。
div设置成float之后，在父div中设置text-align:center，就无法使子div居中显示了，不过我们可以使用变通的方法达到这一效果，就是在父div上再套一个div，如下： 复制代码
代码如下:<div id="outerdiv" style="text-align:center;">
<div id="containerdiv" style="overflow:hidden; display:inliine-block;">
<div id="float1" style="float:left;"> </div>
<div id="float2" style="float:left;"> </div>
</div>
</div>
这样containerdiv就会在outerdiv的中间显示了。
本文让横向排列的几个浮动(float:left)的子div居中显示到此结束。平凡人生要用平凡的心去对待，你的人生将会更精彩。小编再次感谢大家对我们的支持！
![CSS如何实现宽高等比自适应容器的方法]("http://images.pingan8787.com/2019_07_12guild_page.png)
![详解css中的float]("images/header.jpg)
