java - 将由 for loop(jsp) 生成的 div 并排放置

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列，行根据需要动态增加，如下图

图像 1 图像 2 图像 3  
图像 4 图像 5 图像 6  
- - - - - - 图像 n

我怎样才能实现它。

Answer 1

设置应该做float: left的width: 30%事情。还为父 div 设置宽度。

在这里查看http://jsfiddle.net/XDB9n/