c:forEach 两列显示图片

最新推荐文章于 2022-03-20 19:50:26 发布

波子汽水yeah

最新推荐文章于 2022-03-20 19:50:26 发布

阅读量2.4k

点赞数 1

分类专栏：我的笔记文章标签： java-el

本文链接：https://blog.csdn.net/maobois/article/details/51776526

版权

我的笔记专栏收录该内容

203 篇文章 0 订阅

订阅专栏

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>