c:forEach 两列显示图片

来源：互联网发布：在linux部署测试环境编辑：程序博客网时间：2024/05/24 04:35

el表达式 forEach 分两列显示list中图片

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1"/>    <title>实景图片</title>    <style type="text/css">        .lay1 {            border: 1px        }        .lay2 {            border: 1px        }        .lay3 {            border: 1px        }        .lay4 {            border: 1px        }    </style></head><body><table>    <tr>        <c:forEach var="p" items="${imglist}" varStatus="s">        <td>            <div class="lay1"><img src=${p.url} width="60%"/></div>            <div class="lay2" style=" width:50%"> ${p.geo} </div>            <div class="lay3" style="width: 50%;"> ${p.datetime} </div>            <div class="lay4" style="width: 50%"> ${p.nikename}</div>        </td>        <%--输出 检查是否是偶数 偶数个后换行--%>        <c:if test="${s.index%2 !=0 }">          </tr>        </c:if>    </c:forEach>    </tr></table></body></html>

0 0