仅使用CSS来居中内容？

Question

  

可能重复：
  How do you easily horizontally center a <div> using CSS?

我已经阅读了多种使用CSS在页面上居中内容的方法。我不是在谈论文本，我在谈论的内容，如图像或容器等。

内容集中的最佳方式是什么？

设置盒子的宽度然后使用左边的东西：50％？

我已经阅读了很多方法，并且真的让人感到困惑，试图了解哪种方法真正发挥最佳效果，并且跨浏览器友好并适用于旧浏览器。

关于什么是真正最好和最有效的方法的任何想法？

谢谢！

Answer 1

以div为中心：

<div class="pageContainer">
    The awesome content is here
    <div> the secret of life....</div>
    .... more content ....
</div>

Css：

body {
  width: 100%;
}
.pageContainer {
   width: 600px;
   margin: 0px auto;
}

这将在页面上水平居中宽度为600px的div。

保证金：0自动;将左边距和右边距设置为页面左侧和右侧的任何像素。

例如，如果页面宽度为800px，则左边距为100px，右边距为100px，将600px移动到页面中心