如何创建< div>使用JSTL< c:forEach>的网格? [英] How to create a <div> grid using JSTL <c:forEach>?

问题描述

我正在尝试使用JSTL <c:forEach>创建网格.

I am trying to create a grid using JSTL <c:forEach>.

<c:forEach var="user" items="${userList}" step="1" begin="0">
    <div id="col1">
        <a href="#">${user.userName}</a>
    </div>
    <div id="col2">
        <a href="#">${user.userName}</a>
    </div>
    <div id="col3">
        <a href="#">${user.userName}</a>
    </div>
</c:forEach>

输出为:

user1   user1   user1
user2   user2   user2
user3   user3   user3
and so on...

但是我希望它显示为:

user1   user2   user3
user4   user5   user6
user7   user8   user9
and so on...

我的CSS是:

#col1 {
    position: absolute;
    left: 5px;
    padding: 0px;  
}

#col2 {
    position: absolute;
    margin-left: 100px;
    padding: 0px;
}

#col3 {
    margin-left: 200px;
    padding: 0px;
}

不使用表如何实现?

推荐答案

您需要声明状态变量，请尝试:

You need to declare a status variable, please try:

<c:forEach var="user" varStatus="status" items="${userList}" step="1" begin="0">
  <div id="col${status.index % 3 + 1}">
    <a href="#">${user.userName}</a>
  </div>
</c:forEach>

这篇关于如何创建< div>使用JSTL< c:forEach>的网格?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！