用css如何让大div里的两个小div居中，如图

Question

如题所述

Answer 1

很简单，外面的div不仅要用margin:0 auto;，还需加上一个text-align:center;才可使得内部容器居中。代码如下，已经测试通过：

<div style="margin:0 auto;height:auto;border:1px solid #ccc;text-align:center;">
    <div style="border:1px solid #ccc;width:200px;height:100px;margin:5px;"></div>
    <div style="border:1px solid #ccc;width:200px;height:100px;margin:5px;"></div>
</div>

Answer 2

给小的div加margin:0 auto追问

加过了，第一个小div可以居中，第二个小div不行