有5个div，怎么自动上3下2的排列，而且间距相同

[charlesxu]

最好下面的2个div中间空一个，这样就能和上面的3个div对齐了。

我现在是上面的3个div中，右面最后一个和左面的第一个与页面的左边和右边的距离不同。

我用的是 margin-right: 11%;这样行吗？

[charlesxu]

这样的话，最后2个div因为宽度不够，自动挤到下一行了。


而且第1行的第3个div，也不能和第一个div与页面的距离对齐。（我希望第一个div和屏幕左边的距离=第3个div和屏幕右边的距离）

[qingxiangy]

float:left；每个div

[hi_allen_liu]

浮动会比绝对定位好些。
参考下这个http://www.w3school.com.cn/css/css_positioning_floating.asp

[posefooler]

使用绝对位置。

[小辛、]

不是动态的吧?


如果不是的话 你给最外层的DIV设置一个宽度

然后内部的DIV 做float:left; magin-left:10px;

下面的最后一个DIV margin-left:100px; 假日div的宽度是90的话~

[knightzhuwei]

<style type="text/css">
	div {
		width: 50px;
		height:50px;
		margin:2px;
		background-color:red;
		display:inline;
	}
</style>
<div style="width:162px;height:102px;background-color:white">
<div></div><div></div><div></div><div></div><div style="margin-left:56px"></div>
</div>