前台数据绑定

Question

前台代码如下
<ul class="items">
<li> 
<div><a href="#"><img src="images/threecountry3.jpg"  width="164" height="125"/></a></div>
<p><a href="#">小乔系列</a></p>
<div><a href="#"><img src="images/threecountry3.jpg"  width="164" height="125"/></a></div>
<p><a href="#">纵横三国系列</a></p>
<div><a href="#"><img src="images/threecountry3.jpg"  width="164" height="125"/></a></div>
<p><a href="#">礼品茶系列</a></p>
</li>
<li> 
<div><a href="#"><img src="images/threecountry3.jpg"  width="164" height="125"/></a></div>
<p><a href="#">纯雅礼和系列</a></p>
<div><a href="#"><img src="images/threecountry3.jpg"  width="164" height="125"/></a></div>
<p><a href="#">茶宴系列</a></p>
<div><a href="#"><img src="images/threecountry3.jpg"  width="164" height="125"/></a></div>
<p><a href="#">老茶系列</a></p>
</li>
<li> 
<div><a href="#"><img src="images/threecountry3.jpg"  width="164" height="125"/></a></div>
<p><a href="#">国宾礼茶系列</a></p>
<div><a href="#"><img src="images/threecountry3.jpg"  width="164" height="125"/></a></div>
<p><a href="#">忠信仁义系列</a></p>
<div><a href="#"><img src="images/threecountry3.jpg"  width="164" height="125"/></a></div>
<p><a href="#">商务系列</a></p>
</li>
</ul>
如何用repeater弄成三行三列的显示，注意前台代码的每一个<li>都是一列

Answer 1

html怎么写repeater里面就怎么写，只不过把数据换成绑定而已