图片浮动对齐

Question

我在<ul>里循环<li>图片地址</li>浮动显示图片，设置li float:left ,怎么第二排第一个位是空的，就只是第二排有问题，其它没问题，显示类似如下：
■■■
　■■
■■■
■■■
请高手帮忙解决

Answer 1

不是没地址，是往后移了
<ul id="show_pic_con">
{section name=sm_schoolp loop=$sm_schoolp}
    <li>
       <a href="images/school/{$sm_schoolp[sm_schoolp].pic}" target="_blank"><img src="images/school/{$sm_schoolp[sm_schoolp].pic}" /></a>
       <p><a href="images/school/{$sm_schoolp[sm_schoolp].pic}" target="_blank">{$sm_schoolp[sm_schoolp].content}</a></p>
    </li>
{/section}
</ul>CSS：总宽600，一排显示三张
#show_pic_con li{float:left; margin:10px; margin-right:0px; width:180px; text-align:center;}
#show_pic_con img{width:150px;height:120px;}

Answer 2

当你设置li是浮动的时候，图片也需要添加浮动，才可让图片显示不乱，也就是这样
#show_pic_con img{width:150px;height:120px;float:left;}
这样就没问题了，但是你设置的li里面的text-align：center好像就不起作用了，你可以用margin来让它居中