美文网首页
jsp怎么显示多行多列的图片

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

作者: 小m_up | 来源:发表于2016-12-07 18:20 被阅读70次

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

    使用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/>
      <%
        }
       }
      %>
    

    相关文章

      网友评论

          本文标题:jsp怎么显示多行多列的图片

          本文链接:https://www.haomeiwen.com/subject/hqqjmttx.html