JSTL:嵌套的 forEach 循环。内容不显示在单独的行中
JSTL: Nested forEach loop. Contents not displaying in individual rows
<table>
<c:forEach var="moviesFromAGenre" items="${moviesFromRandomGenres}">
<tr>
<c:forEach var="movie" items="${moviesFromAGenre}">
<td>
<a href="getMovie?selected=<c:out value="${movie[0]}"/>" >
<img src="<c:out value="${movie[1]}"/>" WIDTH="200" HEIGHT="300" BORDER="0"/>
</a>
</td>
</c:forEach>
</tr>
</c:forEach>
</table>
内容显示如下:
1
2
3
4
5
...
而不是:
1 2 3 4 5
5 6 7 8 9
我试过在第一个 forEach 之后使用
,它产生了相同的结果。
您不想使用 <br>
,因为您正在使用 <table>
这可以通过更改 <tr>
的位置来根据您的要求进行格式化
使用浏览器开发工具检查生成的html
试试这个。
<c:forEach var="moviesFromAGenre" items="${moviesFromRandomGenres}">
<h:panelGrid columns="${moviesFromAGenre.size()}">
<c:forEach var="movie" items="${moviesFromAGenre}">
<a href="getMovie?selected=<c:out value="${movie[0]}"/>" >
<img src="<c:out value="${movie[1]}"/>" WIDTH="200" HEIGHT="300" BORDER="0"/>
</a>
</c:forEach>
</h:panelGrid>
</c:forEach>
<table>
<c:forEach var="moviesFromAGenre" items="${moviesFromRandomGenres}">
<tr>
<c:forEach var="movie" items="${moviesFromAGenre}">
<td>
<a href="getMovie?selected=<c:out value="${movie[0]}"/>" >
<img src="<c:out value="${movie[1]}"/>" WIDTH="200" HEIGHT="300" BORDER="0"/>
</a>
</td>
</c:forEach>
</tr>
</c:forEach>
</table>
内容显示如下:
1
2
3
4
5
...
而不是:
1 2 3 4 5
5 6 7 8 9
我试过在第一个 forEach 之后使用
,它产生了相同的结果。
您不想使用 <br>
,因为您正在使用 <table>
这可以通过更改 <tr>
使用浏览器开发工具检查生成的html
试试这个。
<c:forEach var="moviesFromAGenre" items="${moviesFromRandomGenres}">
<h:panelGrid columns="${moviesFromAGenre.size()}">
<c:forEach var="movie" items="${moviesFromAGenre}">
<a href="getMovie?selected=<c:out value="${movie[0]}"/>" >
<img src="<c:out value="${movie[1]}"/>" WIDTH="200" HEIGHT="300" BORDER="0"/>
</a>
</c:forEach>
</h:panelGrid>
</c:forEach>