您的位置:首页 > 其它

Repeater 用ul li 显示

2009-03-02 17:43 141 查看
#GuestBookList{width:700px; margin:5px auto;}

#GuestBookList div{border:1px solid #d1d1d3; margin-bottom:5px;padding-top:1px;}

#GuestBookList ul {width:696px;margin:1px;}

#GuestBookList li { float:left; line-height:24px;}

#GuestBookList .gbItem li{ background:#d4e6e8;}

#GuestBookList .gbAlter li{background: #e0d9c7}

#GuestBookList p{clear:both;height:auto;line-height:1.2;padding:6px; overflow:auto;}

#GuestBookList .w1{width:400px; text-indent:36px;}

#GuestBookList .w2{width:148px;}

#GuestBookList .w3{width:148px;}

<asp:Repeater ID="rptList" runat="server">

<HeaderTemplate>

<div id="GuestBookList">

<div class="gbAlter">

<ul>

<li class="w1"><%=GetRes("Info_Name")%></li>

<li class="w2"><%=GetRes("Info_Adder")%></li>

<li class="w3"><%=GetRes("Info_PostDate")%></li>

</ul>

</div>

</HeaderTemplate>

<ItemTemplate>

<div class="gbItem">

<ul>

<li class="w1"><%#Eval("GbSubject") %></li>

<li class="w2"><%#Eval("GbUser") %></li>

<li class="w3"><%#Eval("GbDate") %></li>

</ul>

<p><%#Eval("GbInfo") %></p>

</div>

</ItemTemplate>

<AlternatingItemTemplate>

<div class="gbAlter">

<ul>

<li class="w1"><%#Eval("GbSubject") %></li>

<li class="w2"><%#Eval("GbUser") %></li>

<li class="w3"><%#Eval("GbDate") %></li>

</ul>

<p><%#Eval("GbInfo") %></p>

</div>

</AlternatingItemTemplate>

<FooterTemplate></div></FooterTemplate>

</asp:Repeater>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: