將內聯塊的div居中

Question

我有一個.container div，我想在頁面上居中。

不幸的是，div應該適合里面的桌子。 因此，如果表位於頁面的75％，我也希望.container也位於頁面的75％。

我的.container看起來像這樣：

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

我在這里做了一個JSFiddle。

感謝您的幫助！

Answer 1

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

在這種情況下，它將是：

body {
    text-align:center;
}