居中一个内联块的 div

Question

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

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

我的 .container 看起来像这样：

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

我做了一个 JSFiddle here.

感谢大家的帮助！

Answer 1

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

Updated jsFiddle here

在这种情况下，它将是：

body {
    text-align:center;
}