我怎么可能水平对齐DIV？

Question

我一直在各地搜索，并尝试了很多东西，以便我可以如何水平对齐DIV。我可能会以错误的方式思考这个问题，但我很乐意在网络浏览器中重新创建这个内容，以适应用户的浏览器大小，当降低到一定的尺寸时，例如iPhone或其他智能手机，它将改为另一种布局。

这是我的意思的一个例子。

感谢您的帮助！

Answer 1

为了将div放在一起，你将要使用float：left;

<div id=container>
  <div class="section"></div>
  <div class="section"></div>
  <div class="section"></div>
  <div class="section"></div>
</div>

然后在css：

#container {
  width: 1000px;
}
.section {
  position: relative;
  float: left;
  width: 248px;
  border: 1px solid black;
}

这是Example

如果您希望事情有所回应，根据您的目的，您可以选择不同的选项。最有效的方法可能是查看@media标签。 Link

<强>更新

这是另一个示例，其中div将自动缩放到浏览器宽度。

Example