需要对齐4个div并让它们在页面上居中

Question

所以这是我目前拥有

的图片

我的问题是一切都与左边对齐，我需要它居中。我试图将它们全部包装在一个div中，但它仍然不起作用。什么是最简单，最干净的方法？

Answer 1

使用如下样式在整个事物周围添加包装div：

#wrapper {
    width: 200px;
    margin: auto;
}

Live demo here.

Answer 2

将所有div包装在一个主div中

<div id="container">
   <div id="top"></div>
   <div id="left"></div>
   <div id="right"></div>
</div>

'＃container {margin-left：auto; margin-right：auto; }“

无论屏幕如何调整，都会将其置于中央，将顶部和底部添加到您想要的位置。