现在的位置: 首页 > 综合 > 正文

Reapter控件里分列显示

2012年02月05日 ⁄ 综合 ⁄ 共 541字 ⁄ 字号 评论关闭

Reapter控件也可以象DataList那样分列显示。

方法是使用CSS:

<div class="divRepeater">

<asp:Repeater runat="server" ID="rptStakeOut" EnableViewState="false">

    <ItemTemplate>

        <li>

        <table cellpadding="0" cellspacing="0" width="100%" >

<tr><td><%#Eval("Name")%></td></tr>

        </table>

        </li>

    </ItemTemplate>

</asp:Repeater>

</div>

看到没,用了一个标记<li>将显示项包含在内。

相应地,定义<li>的CSS样式:

.divRepeater {……}

.divRepeater li{float:left;width:33%; text-align:left; }

这样,Repeater中每行即显示3列。如果2列,就改成width:50%。

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/leftfist/archive/2007/01/08/1477402.aspx

抱歉!评论已关闭.