Question

这样怎么用repeater绑定图片

并列的三个图片，怎样用repeater分开绑定？求代码

Answer 1

并列显示不是repeater的问题，是页面CSS布局的问题。CSS使用浮动就可以并列显示了。将下面代码放到repeater里面，img中的路径使用动态的就好了！当然你外面的div或者什么width要足够，至于其他的图片间隔什么的也是写样式控制就行了：
<div style="float:left;width:100px"><img src=""></div>

Answer 2

在repeater中放li 然后去除浮动就可以达到效果了涩。我刚做过这样的效果

Answer 3

就把图片的路径那里替换成数据库里德数据就行了。

追问

怎让它们并列显示

Answer 4

html代码
<ul>
<asp:Repeat run="server" id='rpt">
<li>
<%#Eval("img")%>
</li>
</asp:Repeat>
</ul>

css代码
定义li
li{
float:left;
width:100px;
height:100px
}
试试

追问

不管用啊，我是repeater绑定了数据库中 的图片，现在让数据库中的图片变成这种样式的

追答

数据绑定与显示样式，没有直接关系的

你先用静态测试数据修改好样式再绑定数据试试

css代码:

 ul

                        {

                             list-style-type:none;

                            }

                            li

                            {

                                 float:left;

                                  border:1px solid #ccc;

                                  padding:2px;

                                  margin:10px;

                                }

html代码:

<ul>

                <li>

                    <img src="images/+.png" />

                </li>

                <li>

                    <img src="images/+.png" />

                </li>

                <li>

                    <img src="images/+.png" />

                </li>

            </ul>

追问

还是弄不好啊，纠结了，发愁，貌似需要让图片循环出来的效果的

追答

　　图片循环？

　　相同图片？还是数据绑定

　　数据绑定你直接用

　　

<asp:Repeater ID="rptCourse" runat="server" >
　　<ItemTemplate>
　　<li>
　　<img src="" />
　　</li>
　　</ItemTemplate>
　　</asp:Repeater>

　　

　　绑定不行吗?

追问

不是，是数据库中有图片，想让他按照我发的上面那个图片一行三列的显示不同的图片，但是现在只显示成这样

想让数据库里面的东西按在后面也显示出来，要不我加你qq详说也行

追答

Repeater绑定你会吧

html中你可以这样写

<asp:Repeater ID="rptCourse" runat="server" >
　　<ItemTemplate>
　　<li>
　　<img src='<%# (Eval("Img"))%>' title='<%# (Eval("Title"))%>' />
　　</li>
　　</ItemTemplate>
　　</asp:Repeater>

（注意）ul  li标签可以定义合适的宽度，这样就限制了每行的图片数量

如果现实其他数据就用<%# (Eval("row"))%>来绑定

后台直接绑定

DataTable dt = new DataTable(); 
//-----dt获取数据后
            if (dt.Rows.Count > 0)
            {
                rpt.DataSource = dt ;
                rpt.DataBind();
            }

这样应该可以的

你多添加些测试图片数据