jstl forEach 创建table 多行多列

最新推荐文章于 2020-12-29 17:11:55 发布

原创最新推荐文章于 2020-12-29 17:11:55 发布 · 469 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jstl #forEach

jstl 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的动态图片布局方法，通过循环遍历图片集并根据每四张图片为一组自动换行，展示了如何优雅地在网页上展示多张图片。



  <table border="1">
      <tr>
      <c:forEach items="${list}" var="p" varStatus="count">
      <td>

      <c:if test="${count.index%4==0&&count.index!=0}">
      <tr> </tr><td>
      </c:if>
       <img src="p.url">//html内容
      </td>
    </c:forEach>
      </tr>
        </table>