Question

3个div水平居中（3个并列，每个div的宽度是一定的，每个div可以有间隔和没有间隔）

3个div水平居中（3个并列，每个div的宽度是一定的，每个div之间可以有间隔和也可以没有间隔（最好都写出来），每个div有背景图片或颜色）

Answer 1

<div style=" margin:auto; width:346px; height:102px; border:solid 1px #000000;">
<div style=" width:100px; height:100px; border:solid 1px blue; float:left; margin-left:10px;"></div>
<div style=" width:100px; height:100px; border:solid 1px red; float:left; margin-left:10px;"></div>
<div style=" width:100px; height:100px; border:solid 1px yellow; float:left; margin-left:10px;"></div>
</div>

div要横向排列就要用float，居中要用margin-left:auto;margin-right:auto,但是有float，这个margin-left:auto;margin-right:auto;就会出问题，所以就要在外围定义一个容器，在外围设置margin-left:auto;margin-right:auto居中

Answer 2

<div style="marign:0 auto; width:900px;">
<div style="float:left;width:300px;background:#e3e3e3;">第一个DIV</div>
<div style="float:left;width:300px;background:#e5e5e5;">第二个DIV</div>
<div style="float:left;width:300px;background:#e8e8e8;">第三个DIV</div>
</div>

Answer 3

<center>
<div style="width:680px;">
<div style="float:left; width:100px; height:100px; background-color:#ddd; margin-left:30px;"></div>
<div style="float:left; width:200px; height:100px; background-color:#ccc;"></div>
<div style="float:left; width:300px; height:100px; background-color:#999; margin-left:50px;"></div>
</div>
</center>