java - for loop(jsp)で生成されたdivを並べて配置するには

Question

forループによってdivが生成される次の例を見てみましょう

 <%
   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/