css - 居中一个内联块的 div

Question

我有一个 .container div，我想在页面上居中。

不幸的是， div 应该适合里面的表格。因此，如果表格占页面的 75%，我也希望占.container75%。

我的 .container 看起来像这样：

.container{
  display:inline-block;
  background:#FFF;
  height:500px;
  max-width:80%;
}

我在这里做了一个 JSFiddle 。

感谢大家的帮助！

Answer 1

添加text-align:center到元素的父inline-block元素将使其居中。

在这里更新了 jsFiddle

在这种情况下，它将是：

body {
    text-align:center;
}