Question

用DIV写产品页的话..li 里都居右.但是最右边的就会空好大..怎么办呀???

<div class="pptj_main1">
<ul>
<li><a href=""><img src="images/1.jpg" /></a></li>
<li><a href=""><img src="images/2.jpg" /></a></li>
<li><a href=""><img src="images/3.jpg" /></a></li>
<li><a href=""><img src="images/4.jpg" /></a></li>
</ul>
</div>
style:
.pptj_main1{ width:474px; height:260px; overflow:hidden; padding:10px 0 0 20px;}
.pptj_main1 ul{}
.pptj_main1 li{ float:left; width:88px; height:31px; overflow:hidden; padding:10px 30px 10px 0;}
.pptj_bot{ width:496px; height:10px; overflow:hidden;}

Answer 1

你图片要多大的，每行放几个产品图片？看你写的样式感觉有问题。所以先问问你想要实现的效果是什么样的。

追问

哪里有问题？？？ 就是一排4个。。一共3排这样的。。效果。。

追答

把样式改成
.pptj_main1{ width:840px; height:260px; overflow:hidden; padding:0; margin:0 auto;}
.pptj_main1 ul{}
.pptj_main1 li{width:200px; height:260px; float:left; overflow:hidden; padding:10px 10px 10px 0;}
试下看

Answer 2

多发点代码看看，不明白意思

Answer 3

li{
margin:0;
padding:0;
}