如果是2 div，则div定位如float，如果为1 div则为text-align center

Question

对这个问题感到抱歉，但我从不同的答案中尝试了很多东西，没有任何作用。

这是HTML：

<div id="wrapper">
    <div id="main-col">
    </div>
    <div id="right-col">
    </div>
</div>

如果有两个div，我想像这样对齐它们：

Example

但是当div#right-col不存在时，我想要div＃main-col 在div＃wrapper中居中对齐，如下所示：

Example

我试图用

左右替换浮动

display: inline-block; left; margin-right: 10px

代表main-col和right-col，但它们会叠加在中心。

有人有想法吗？

谢谢！