DIV+CSS图片分行排布问题

Question

我想用DIV+CSS的形式,实现对N(N不确定)张图片的4行N/4列排序.

进行设计的时候遇到的了一个问题,如图片张数(N)不为4的倍数,我要怎么处理最后一行的图片分布?

我的想法是用li或Div都行,现在出现的主要问题是最后一行应该怎么处理?

Answer 1

在你定义的DIV中加上float:left;

Answer 2

<style>
li{float:left;width:30px;border:1px solid red;}
ul{list-style:none;magin:0px;clear:both;}
</style>
<div>
<ul>
<%for i=1 to 17%>
<li><%=i%></li>
<%if i mod 4 = 0 then%>
</ul>
</div>
<div>
<ul>
<%end if%>
<%next%>
</ul>
<div>

Answer 3

你可以在4行4列里做一个背景图片和DIV是吻合的，想一下如果一张也没有的情况下呢~。这是一个笨办法，不建使用，我觉的少一个就少一个呗，不一定要弄那么满~

Answer 4

if n mod 4 > 0 then
cols=n/4+1
else
cols=n.4
end if

怎么处理是什么意思？