如何實現新聞列表的樣式?

做了一個div選項卡,在不同的選項卡中顯示不同的新聞,但是隻顯示一排新聞,右邊有很多空白的地方都浪費了,想要知道是否能夠控制顯示兩豎排,我是用的
  • 列表,下面是我的代碼:
    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)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章