做了一个div选项卡,在不同的选项卡中显示不同的新闻,但是只显示一排新闻,右边有很多空白的地方都浪费了,想要知道是否能够控制显示两竖排,我是用的<ul><li>列表,下面是我的代码:
XML/HTML code:
<asp:Repeater ID="RepeaterDataShow" runat="server">
<HeaderTemplate><ul></HeaderTemplate>
<ItemTemplate>
<li><%#Eval("c_resourcetitle") %></li>
</ItemTemplate>
<FooterTemplate></ul></FooterTemplate>
</asp:Repeater>
我的代码只能实现最基本,不能实现上面我所想要的更好的结果,应该如何来修改或者用新的代码来完成呢?
后来在网上找到了个一些网友的建议,整合了下,完成了我所想要的效果,如下是详细的代码:
CSS code:
<style>
#a{width:400px;height :200px;background:black;position:relative;color:white}
li{display:block;float:left;width:200px;height:30px;background:red}
</style>
<div id="a">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<div id="b"></div>
</div>
此文由Web开发之答疑解惑源www.znjcx.com整理,若需转载,请注明原文(如何实现新闻列表的样式?)出处:http://www.znjcx.com/html/y2012/4021_news.html,谢谢!
更多热门文章:
1.webqq的实现原理(http://www.znjcx.com/html/y2012/2218_webqq-principle.html)
2.Global.asa病毒的原理(http://www.znjcx.com/html/y2012/2214_global-asa-virus-works.html)
3.关于asp的一些问题(http://www.znjcx.com/html/y2012/2212_questions-about-asp.html)
4.如何把ajax返回的json型字符串转换为json对象?(http://www.znjcx.com/html/y2012/2210_how-to-integrate-ajax-returns-json-string-to-a-json-object.html)
5.extjs将ext.form.FormPanel添加到ext.windows中(http://www.znjcx.com/html/y2012/2206_extjs-add-ext-form-formpanel-to-ext-windows.html)