Question

我用CSS+DIV布局我想让四个图片上面两个，下面两个排列该怎样弄

我已经设置了li的左浮动

Answer 1

<Style>#content {width:400px; height:auto;}#content img {width:200px; height:200px;}#TOP_left {width:200px; height:200px; float:left;}#TOP_right {width:200px; height:200px; float:left;}#foot_left {width:200px; height:200px; float:left;}#foot_right {width:200px; height:200px; float:left;}</style><div id="content"><DIV ID="TOP_left"><img src=""/></div><div id="top_right"><img src=""/></div><DIV ID="foot_left"><img src=""/></div><div id="foot_right"><img src=""/></div></div>分给我。

Answer 2

<ul id=topmenu> <li><img src=""/></li> <li><img src=""/></li> <li><img src=""/></li> <li><img src=""/></li><ul>---------------------------------------------css部分---------------------------------------------#topmenu{width:800;background:#ccc}#topmenu li{float:left; width:350px; margin:5px;background:#eee;}---------------------------------------------测试一下是否两排。一排两个。

Answer 3

你就弄一个大一点的div，只要比两张图片的宽度之和大一些就可以了，这样保证一行只有两张图片，多出了的图片会自动往下一行移动，设置好padding-left的值就ok了。