jsp列表查询 列表第一个样式与其他样式不同

列表数据样式不同，使用<c:forEach begin="0" end="0">属性，begin表示从哪一个开始，end表示循环的哪一个结束

botton点击属性onclick，跳转到另外一个页面使用js代码：

function toContent(id){window.location.href="<ph:root/>/*/a/"+id+".html";《window.location="地址"》}

列表查询

<div class="TV-style">    <c:forEach items="${contentList}" var="content" varStatus="sta" begin="0" end="0">    <div class="firstTV-style">        <div class="firstTV-img">            <img alt="" src="case4.jpg" />            </div>            <div class="firstTV">            <p class="firstTV-first-p">${content.title}</p>            <c:set var="tdate" value="${content.time }" ></c:set>       <% //从pageScope取得long类型的时间，转成Date类型的时间，再放到pageScope里。long l = (Long)pageContext.getAttribute("tdate"); pageContext.setAttribute("tdate",new Date(l));%>                <p>发布时间：<fmt:formatDate value="${tdate }" pattern="yyyy-MM-dd" /></p>                <button type="button" class="btn btn-default btn-sm" onclick="toContent(${content.id})">开始阅读</button>            </div>            <div class="clear"></div>        </div>        </c:forEach>        <div class="listTV-style">            <c:forEach items="${contentList}" var="content" varStatus="sta" begin="1" >                <div class="listTV">                    <div><img alt="" src="case4.jpg" /></div>                    <span class="listTV-span-first"><a title="" href="<ph:root/>/*/a/${content.id}.html">${content.title}</a></span>                    <c:set var="tdate" value="${content.time }" ></c:set><% //从pageScope取得long类型的时间，转成Date类型的时间，再放到pageScope里。long l = (Long)pageContext.getAttribute("tdate"); pageContext.setAttribute("tdate",new Date(l));%>                    <span><fmt:formatDate value="${tdate }" pattern="yyyy-MM-dd" /></span>                </div>            </c:forEach>            <div class="clear"></div>        </div>    </div>

class=“clear”--->css样式：clear:both;---->作用：清除浮动