实现repeater控件多列显示 只需在表格中加入
style="width:262px;height:120px; float:left;"
设置为表格的漂浮属性。注意要设定表格的长度和宽度。

 1实现repeater控件多列显示 简单方法(用CSS float属性)<asp:repeater id="InfoList" Runat="server">
 2实现repeater控件多列显示 简单方法(用CSS float属性)    <ItemTemplate>
 3            <table border="0" style="width:262px;height:120px; float:left;" cellpadding="0" cellspacing="0">
 4实现repeater控件多列显示 简单方法(用CSS float属性)             <tr bgcolor="#ffffff">
 5实现repeater控件多列显示 简单方法(用CSS float属性)                <td align="center" width="100" valign="top">
 6实现repeater控件多列显示 简单方法(用CSS float属性)                   <table width="100" border="0" cellpadding="0" cellspacing="0">
 7实现repeater控件多列显示 简单方法(用CSS float属性)                     <tr>
 8实现repeater控件多列显示 简单方法(用CSS float属性)                          <td colspan="3"><img src="../images/information/analyze_top.gif" width="100" height="10"></td>
 9实现repeater控件多列显示 简单方法(用CSS float属性)                     </tr>
10实现repeater控件多列显示 简单方法(用CSS float属性)                     <tr>
11实现repeater控件多列显示 简单方法(用CSS float属性)                          <td width="14"><img src="../images/information/analyze_left.gif" width="14" height="73"></td>
12实现repeater控件多列显示 简单方法(用CSS float属性)                           <td width="73" align="center"><a target="_blank" href='/product/product_detail.aspx?ID=<%#DataBinder.Eval(Container.DataItem, "ID")%>'><img src='<%# getPic(DataBinder.Eval(Container.DataItem, "PicShow").ToString())%>' width="68" height="66" border="0"></a></td>
13实现repeater控件多列显示 简单方法(用CSS float属性)                            <td width="13"><img src="../images/information/analyze_right.gif" width="13" height="73"></td>
14实现repeater控件多列显示 简单方法(用CSS float属性)                       </tr>
15实现repeater控件多列显示 简单方法(用CSS float属性)                        <tr>
16实现repeater控件多列显示 简单方法(用CSS float属性)                            <td colspan="3"><img src="../images/information/analyze_foot.gif" width="100" height="13"></td>
17实现repeater控件多列显示 简单方法(用CSS float属性)                        </tr>
18实现repeater控件多列显示 简单方法(用CSS float属性)</table>
19</td>
20实现repeater控件多列显示 简单方法(用CSS float属性) <td class="smallblue" valign="top">
21实现repeater控件多列显示 简单方法(用CSS float属性)                                                   <table width="100%" border="0" cellpadding="0" cellspacing="0" class="text">
22实现repeater控件多列显示 简单方法(用CSS float属性)                                                            <tr>
23实现repeater控件多列显示 简单方法(用CSS float属性)                                                                <td width="100%"><a href="#" class="orange"><%# getName(DataBinder.Eval(Container.DataItem, "ProductName").ToString(),DataBinder.Eval(Container.DataItem, "ID").ToString()) %></a></td>
24实现repeater控件多列显示 简单方法(用CSS float属性)                                                            </tr>
25实现repeater控件多列显示 简单方法(用CSS float属性)                                                            <tr>
26实现repeater控件多列显示 简单方法(用CSS float属性)                                                                <td>
27实现repeater控件多列显示 简单方法(用CSS float属性)                                                                    <a href='/company/companydetail.aspx?userid=<%# DataBinder.Eval(Container.DataItem, "MemberID").ToString() %>'>
28实现repeater控件多列显示 简单方法(用CSS float属性)                                                                        <%# DataBinder.Eval(Container.DataItem, "CompanyName").ToString()%>
29实现repeater控件多列显示 简单方法(用CSS float属性)                                                                    </a>
30实现repeater控件多列显示 简单方法(用CSS float属性)                                                                    <br>
31实现repeater控件多列显示 简单方法(用CSS float属性)                                                                    <%# DataBinder.Eval(Container.DataItem, "PubTime"%>
32实现repeater控件多列显示 简单方法(用CSS float属性)                                                                    <br>
33实现repeater控件多列显示 简单方法(用CSS float属性)                                                                    <a href='/mybusiness/memberinfo/net_card.aspx?userid=<%# DataBinder.Eval(Container.DataItem, "MemberID").ToString() %>'>
34实现repeater控件多列显示 简单方法(用CSS float属性)                                                                        <%# DataBinder.Eval(Container.DataItem, "UserName"%>
35实现repeater控件多列显示 简单方法(用CSS float属性)                                                                    </a>
36实现repeater控件多列显示 简单方法(用CSS float属性)                                                                    <br>
37实现repeater控件多列显示 简单方法(用CSS float属性)                                                                    <%# DataBinder.Eval(Container.DataItem, "Dist"%>
38实现repeater控件多列显示 简单方法(用CSS float属性)                                                                </td>
39实现repeater控件多列显示 简单方法(用CSS float属性)                                                            </tr>
40实现repeater控件多列显示 简单方法(用CSS float属性)                                                        </table>
41实现repeater控件多列显示 简单方法(用CSS float属性)                                                    </td>
42实现repeater控件多列显示 简单方法(用CSS float属性)                                                </tr>
43实现repeater控件多列显示 简单方法(用CSS float属性)                                            </table>
44实现repeater控件多列显示 简单方法(用CSS float属性)                                        </ItemTemplate>
45实现repeater控件多列显示 简单方法(用CSS float属性)                                    </asp:repeater>

相关文章: