css - 将内联 block 的 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;
}