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

我已经设置了li的左浮动

<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>分给我。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-06-08
<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;}---------------------------------------------测试一下是否两排。一排两个。
第2个回答  2013-06-08
你就弄一个大一点的div,只要比两张图片的宽度之和大一些就可以了,这样保证一行只有两张图片,多出了的图片会自动往下一行移动,设置好padding-left的值就ok了。
相似回答