jsp怎么显示多行多列的图片

2016-12-07  本文已影响70人  小m_up

在写影院管理系统的座位管理时,需要将座位按行列循环显示,然后总结了以下两种方法。

使用table

按照行和列去显示,行为<tr>,列为<td>。

<%
    int col = 5;
    int row = 5;
%>
<div>
<table>
  <%
    for(int i = 0; i < row; i++){
  %>
    <tr>
         <%
            for(int j = 0; j < col; j++){
         %>
            <td>
                <img src="./seat.jpg">
            </td>
         <%
           }
         %>
    </tr>
  <%
    }
  %>
  </table>
使用换行

根据图片的多少显示所有图片,然后根据列数将其换行。

<%
    int length = 25;
    int col = 5;
    int row = 5;
%>
<div>
  <%
    for(int i = 1; i <= length; i++){
  %>
        <img src="./seat.jpg">
  <%
    if(i%col == 0){
  %>    
    <br/>
  <%
    }
   }
  %>
上一篇下一篇

猜你喜欢

热点阅读