html - 为显示为 :inline-block 的 div 元素设置中心位置

Question

我知道当我们为具有指定宽度的 html block 元素将 margin left 和 right 设置为 auto 值时，该元素将位于中心位置。但是，如果我想让包装器根据内容自动调整大小，我设置了 display : inline-block，但现在中心位置不起作用。

我该怎么办？

Answer 1

如果您将 display: inline-block 设置为一个元素，您可以为该元素设置一个包装器:

.wrapper {
    text-align: center;
}

演示:http://jsfiddle.net/sGaTZ/