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>
#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>
相关文章推荐
- Repeater用ul li,一行显示多条数据
- Repeater用ul li,一行显示多条数据
- li在ul中居中显示 并且可以为li设定宽度
- html ul li 显示数据库
- jQuery在ul中显示某个li索引号的方法
- ul和li实现分两列(多列)布局显示
- 如何让浮动后的li在ul中居中显示
- 一个ul列表,让其前四个li显示,后面的隐藏。
- ul中li文字横排显示
- LI标签在Ul中居中显示
- 原生js点击ul下边li显示其索引值的”n“种方法
- jquery 隐藏和显示指定的UL>LI片段
- 使li横排显示并且ul位于div的中间位置
- 一个数组分四个ul并且每个ul里边有四个li显示
- UL里的LI元素左浮动层一行显示时使其居中的方法
- ul和li简单语句实现DIV+CSS分两列(多列)布局显示
- ul和li实现分两列(多列)布局显示
- ul和li实现分两列(多列)布局显示
- 点号“·”的显示 替代 ul li 的功能
- 使用CSS,UL,LI实现新闻标题分栏显示