rich:dataList
能实现下面
<t:dataList rows="10" rowCountVar="productCount" rowIndexVar="productIndex">
<t:div style="#{productIndex mod 2 == 0 ? 'float:left;width:378px;height:220px;' : 'float:right;width:378px;height:220px;'}">
的显示效果吗
能实现下面
<t:dataList rows="10" rowCountVar="productCount" rowIndexVar="productIndex">
<t:div style="#{productIndex mod 2 == 0 ? 'float:left;width:378px;height:220px;' : 'float:right;width:378px;height:220px;'}">
的显示效果吗
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>试试</title>
</head><script type="text/javascript">
</script><style type="text/css">
.list {
width: 550px;
overflow: hidden;
background-color: #c0c0c0;
}
.list div.listinner {
margin: -10px 0 0 -10px;
width: 100%;
}
.list div.box {
float: left;
padding-left: 10px;
padding-top: 10px;
}
.list div.box div.inner {
height: 150px;
width: 100px;
background-color: green;
}
</style>
<body>
<div class="list">
<div class="listinner">
<div class="box"><div class="inner"></div></div>
<div class="box"><div class="inner"></div></div>
<div class="box"><div class="inner"></div></div>
<div class="box"><div class="inner"></div></div>
<div class="box"><div class="inner"></div></div>
<div class="box"><div class="inner"></div></div>
<div class="box"><div class="inner"></div></div>
<div class="box"><div class="inner"></div></div>
<div class="box"><div class="inner"></div></div>
<div class="box"><div class="inner"></div></div>
</div>
</div>
</body>
</html>