更改图像布局方向

时间:2011-03-10 08:27:17

标签: java javascript css jsp

我在这里显示图像......他们通过动态生成来垂直排列......但是我想要它以横向模式...我怎么能这样做?

 for (int i = 0; i < listOfFiles.length; i++) {
         if (listOfFiles[i].isFile()) {
          // System.out.println("File " + listOfFiles[i].getName());
                String finalImage="Images/"+listOfFiles[i].getName();
            out.print("<img src='"+finalImage+"' width='200' height='200'/>");    
             //out.println(finalImage);
         }
 }

1 个答案:

答案 0 :(得分:1)

尝试将它们放入自己的div中:

for (...) {
  out.print("<div style=\"float:left;\">");
  out.print("<img ...");
  out.print("</div>");
}

当图像完成时,清除浮动:

out.print("<div style=\"clear:both;\"/>");
但是,如果你使用的是JSP,比如Spring和taglibs而不是原始输出,那么使用MVC框架可以做得更好