美文网首页
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