我怎么可能水平对齐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;
}

这是一个例子

如果您希望事情能够响应,根据您的目的,您可以选择不同的选项.最有效的方法可能是查看@media标签.链接

更新:

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

例