java吧 关注:1,246,358贴子:12,725,179
  • 10回复贴,共1

求教c:forEach一行迭代三个完整的图片加信息,然后换行继续迭代

只看楼主收藏回复

<c:forEach var="poster" items="${page.list}" varStatus="cou">
<ul>
<li>
<dl>
<dd><a href="#"><img src="${pageContext.request.contextPath }/images/${poster.image }"width="103px" height="154px alt="book" /></a></dd>
<dt>
<p class="book_title"><a href="#" target="_blank">海报名称:${poster.name }</a></p>
<p class="book_inline">设计师:${poster.author }</p>
<p class="book_inline">设计价格:${poster.price }</p>


<a class="book_buy" href="#" target="_blank">BUY</a>
</dt>
</dl>
</li>
</ul>
< /c:forEach>
迭代出一个图片+信息的效果是如下所示:
我想每迭代出四个完整的图片加介绍信息后换行迭代,该怎么弄呀?麻烦指点一下。谢谢大神们!


1楼2017-01-05 22:50回复
    人工置顶一下


    来自iPhone客户端2楼2017-01-05 23:00
    回复
      有人吗


      来自iPhone客户端3楼2017-01-06 06:24
      回复
        比较low的方法是嵌套java代码累加换行,实现这个一般都是给div设置个合适的宽度让它刚好可以横着排四张图片,然后再加图片的话会自动换行


        7楼2017-01-06 09:55
        收起回复
          <\ul>后面加<br>


          IP属地:四川8楼2017-01-06 10:04
          回复
            或者把内容放入DIV内


            IP属地:四川9楼2017-01-06 10:05
            回复
              list放4个元素呀


              IP属地:山西10楼2017-01-06 10:29
              收起回复