Repeater如何做到一行显示两列数据。

Question

后台代码        protected void Page_Load(object sender, EventArgs e)
        {
 this.RepeaterProduct.DataSource = ProductTable;
            this.RepeaterProduct.DataBind();        }前台代码
我这样的前台代码的方式一行显示是两列，但两列的数据是一样的。不知要怎么解决<div class="v2">
 <asp:Repeater ID="RepeaterProduct" runat="server">
                               <ItemTemplate>                            
   <ul class="pro_lst1 clearfix">
             <li class="fl border_r">
                 <div class="pic_v2 fl">
                     <img src="../ProductImg/hrm.png" />
                    </div>
                    <div class="info_v2 fr">
                 <h3><%#Eval("ProductName") %></a></h3>
                        <div class="space_t">
                         <a class="btn1_v2" >立即下载</a>
                        </div>
                    </div>
                </li>                <li class="fl">
                 <div class="pic_v2 fl">
                     <img src="../ProductImg/hrm.png" />
                    </div>
                    <div class="info_v2 fr">
                 <h3><%#Eval("ProductName") %></h3>
                         <a class="btn1_v2 stress sepa_rs" >立即下载</a>
                        </div>
                    </div>
                </li>
            </ul>
            <hr class="solid_v2" /></ItemTemplate>
</asp:Repeater>
</div>

Answer 1

可以用 CSS来控制，  设置 ul的宽度为2倍的 li宽度就可以了。当然用DIV也是同样的道理。

Answer 2

没明白，我用的就是div也有ul及li呀。可是不知为啥一行的两列数据是一样的.

Answer 3

那你用外面的 ul控制不就行了。你的一行宽度为 ul的宽度，比如行宽为500px  你设置 ul宽度为500px
然后设置 li的宽度 为 250px以下， li的 float:left; 就可以了。

Answer 4

.v2 ul{width:500px; height:auto; float:left;}
.v2 ul li{width:245px; height:auto; float:left;}不需要单独给 ul li加CSS名称的，直接这样写一个就行了。

Answer 5

 <ul class="pro_lst1 clearfix">
<asp:Repeater ID="RepeaterProduct" runat="server">
<ItemTemplate>  
<li class="fl border_r">
                    <div class="pic_v2 fl">
                        <img src="../ProductImg/hrm.png" />
                    </div>
                    <div class="info_v2 fr">
                        <h3><%#Eval("ProductName") %></a></h3>
                        <div class="space_t">
                            <a class="btn1_v2" >立即下载</a>
                        </div>
                    </div>
                </li>  
</ItemTemplate>
</asp:Repeater>

</ul>用类似这样，注意 <ul>的位置，模板列中放一个<li>

Answer 6

<ul class="pro_lst1 clearfix">
<asp:Repeater ID="RepeaterProduct" runat="server">
<ItemTemplate>   
<li class="fl border_r">
  <div class="pic_v2 fl">
  <img src="../ProductImg/hrm.png" />
  </div>
  <div class="info_v2 fr">
  <h3><%#Eval("ProductName") %></a></h3>
  <div class="space_t">
  <a class="btn1_v2" >立即下载</a>
  </div>
  </div>
  </li>   
</ItemTemplate>
</asp:Repeater></ul>

Answer 7

和你的排版有关系，和Repeater没关系