45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:在Reapter控件里显示分列的方法

在Reapter控件里显示分列的方法

2016-09-05 14:04:22 来源:www.45fan.com 【

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

 

本文地址:http://www.45fan.com/a/question/72687.html
Tags: 显示 控件 Reapter
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部