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

Question

所以这是我目前拥有的图片

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

Answer 1

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

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

现场演示在这里。

Answer 2

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

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

'#container {margin-left: auto; 边距右：自动；}'

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