Reapter控件里分列显示

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%。