css - 水平居中 2 个 div，没有包装

Question

我只想将 2 个 div 水平居中，而不管屏幕宽度如何，并且不使用包装器。我有以下简单代码:

#div1 {
     display: inline-block;
     width: 100px;
     border: 1px solid #000000;
}
#div2 {
     display: inline-block;
     width: 200px;
     border: 1px solid #000000;
}

为了说明，我创建了以下 fiddle : http://jsfiddle.net/axe89/

• 我不想使用包装器的原因是我想制作一个跨平台网站，如果我为包装器定义宽度，它会破坏移动屏幕。

Answer 1

@setek 有上面的解决方案，只是想添加这个快速的经验法则:

要水平居中 display:inline 和 display:inline-block 元素，请使用 text-align:center;。

要水平居中 display:block 元素，请使用 margin: 0 auto;。