Reapter控件里分列显示

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