c:forEach 一行排三个图片然后自动换行的问题

来源:互联网  责任编辑:小易  时间:2017/5/26 22:58:19
本网有用户碰到这样的问题: c:forEach 一行排三个图片然后自动换行的问题,具体问题如下:

java,html,css,div

本网根据需求用户需求,为用户寻得以下其他网友提供的解决方法,方法仅供参考,具体如下:

=================1楼=====================

这是去掉<ul>标签前:
这是去掉标签后:

=================2楼=====================

代码太乱,看最后的源代码是怎样的

=================3楼=====================

<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>
                            <br/>
                            <a class="book_buy" href="#" target="_blank">BUY</a>
                        </dt>
                    </dl>
                  </li>
            </ul>
</c:forEach>

简单点的话应该就是这串代码,我想每迭代出四个完整的图片加介绍信息后换行迭代,该怎么弄呀?麻烦指点一下

=================4楼=====================

<c:if test="${vs.index % 3 == 0}">
<tr>
</c:if>
<c:if test="${vs.index % 3 == 2}">
</tr>
</c:if>

=================5楼=====================

非要用foreach吗?特殊情况也可以用js拼啊,在js里用业务逻辑就可以了啊

=================6楼=====================

5楼的方案不行么??

=================7楼=====================

css没弄好

=================8楼=====================

引用 6 楼 ygy982883422 的回复:
5楼的方案不行么??


我不会写js- -!我是个新手

=================9楼=====================

引用 7 楼 qq_31131895 的回复:
css没弄好


求教该怎么改,弄了一整天了还没搞好

=================10楼=====================

引用 4 楼 LXLTA 的回复:
<c:if test="${vs.index % 3 == 0}">
<tr>
</c:if>
<c:if test="${vs.index % 3 == 2}">
</tr>
</c:if>


加上之后还和以前一样,没有反应

=================11楼=====================

=================12楼=====================

发代码用标签格式化一下,好看点。

像这样

=================13楼=====================

这个跟foreach没问题 是你样式的问题  

=================14楼=====================

<c:forEach ...>
<c:if test="${vs.index % 4 == 0}"><c:if test="${vs.index > 0}"></tr></c:if><tr></c:if>
......
</c:forEach>
</tr>

如果您还有更好的解决方法,请在最下面评论中留下您的解决方法


  • 本文相关:
  • 站长必读,如何真正写好一篇原创文章
  • 互联网之路细嗅蔷薇 资深站长分享掘金之道
  • 企业站的站长的工作重心究竟有哪些
  • 浅析:行业门户网站的一些盈利模式
  • 3000IP的企业网站每天订单不到30个的苦恼
  • 网站想内外兼修?先学习提高网站可用性的6大原则
  • 浅谈网页设计中的简约之美
  • 网页改版实战:日本设计师如何彻底优化旅游网站?
  • 网页改版实战!日本设计师如何彻底优化招聘网站?
  • 2015年值得关注的21个网页设计趋势
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2015 www.zgxue.com All Rights Reserved