将由for循环生成的div并排放置（jsp）

Question

让我们看看下面的例子，其中div由for循环

生成

 <%
   for (int i = 0; i < listOfFiles.length; i++) {
   if (listOfFiles[i].isFile()) {
  %>
  <div class="table">
  <img src="<%=email%>/<%=listOfFiles[i].getName()%>" width="130" height="130"> 
   </div>
     <!--like this n-divs are generated by for loop-->

  <%
     } else if (listOfFiles[i].isDirectory()) {
        out.println("Directory " + listOfFiles[i].getName());
     }
   }

  %>

我想以3列的方式打印图像，并根据需要动态增加行数，如下所示

img 1 img 2 img 3
img 4 img 5 img 6
- - - - - - img n

我怎样才能实现它。

Answer 1

使用float: left设置width: 30%应该做的事情。同时设置父div的宽度。

在此处查看http://jsfiddle.net/XDB9n/