Repeater 横向布局 及Repeater嵌套绑定
--------------------------------------|图片1|图片2|图片3|----------------------------------...
--------------------------------------
| 图片1 | 图片2 | 图片3 |
--------------------------------------
| 产品名1 | 产品名2 | 产品名3 |
--------------------------------------
以表格的形式显示出三个产品的相关信息，要求用Repeater做 要是横向布局的，我绑过几次在浏览器中浏览后显示都是竖着的，Repeater宽度为550px，
我用的是VS 2008 请各位高手指点一下，希望能给出具体的代码，（我没用三层架构做）那里面有没有什么属性是可以横向布局的？？？？
Repeater嵌套：
假设我有一个Repeater2嵌套在Repeater1中，怎么给Repeater2绑定数据，代码越详细越好，主要是后台代码。（不要三层架构的）！！！谢谢各位大侠了！！回答满意的另外加分！ 展开
| 图片1 | 图片2 | 图片3 |
--------------------------------------
| 产品名1 | 产品名2 | 产品名3 |
--------------------------------------
以表格的形式显示出三个产品的相关信息，要求用Repeater做 要是横向布局的，我绑过几次在浏览器中浏览后显示都是竖着的，Repeater宽度为550px，
我用的是VS 2008 请各位高手指点一下，希望能给出具体的代码，（我没用三层架构做）那里面有没有什么属性是可以横向布局的？？？？
Repeater嵌套：
假设我有一个Repeater2嵌套在Repeater1中，怎么给Repeater2绑定数据，代码越详细越好，主要是后台代码。（不要三层架构的）！！！谢谢各位大侠了！！回答满意的另外加分！ 展开
3个回答
展开全部
这是要用CSS来控制布局的，和Repeater没有关系，和VS2008也没有关系...
<ol>
<-你的repeater代码放在这里
</ol>
然后你的repeater中template里面为：
<li><img src="xx.jpg" /><span>产品名</span></li>
你的Css代码为：
ol { overflow:hidden; }
li { float：left; width:100px; }
li span { display:block; }
这样就可以了..
建议最好先学习好HTML，和CSS，不要给Asp.net里面的错误观念给搞糊涂了..
<ol>
<-你的repeater代码放在这里
</ol>
然后你的repeater中template里面为：
<li><img src="xx.jpg" /><span>产品名</span></li>
你的Css代码为：
ol { overflow:hidden; }
li { float：left; width:100px; }
li span { display:block; }
这样就可以了..
建议最好先学习好HTML，和CSS，不要给Asp.net里面的错误观念给搞糊涂了..
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
上面说的对，要用的css，他说的已经比较详细了，我看你是初学，怕你不太明白中间怎么衔接，发一个代码给你看看，如果看不懂，那就没折了。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%--这前面的就是每次打开的时候电脑自动产生的废话--%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css"><%--这句话你就照着写吧，意思是定义css--%>
.list<%--这个.list相当于定义了一个名字叫做list的css文件--%>
{
width: 600px;<%--这些就是所谓的css代码了，根据需求自己改吧--%>
} }
.list li<%--这个li对横向布局很重要，li是换行那种--%>
{
float: left;<%--这个float意思是浮动，left是像左边浮动这句话是能够横向布局的关键，我试过，只有left和right才能保证是横着的--%>
width: 100px;
height: 100px;
margin: 5px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul class="list"><%--这里就是告诉电脑，你要用刚刚我们写的那个list这个css来控制你的布局--%>
<asp:Repeater ID="MyRepeater1" runat="server">
<ItemTemplate>
<li>
<%#Eval("Name") %> <%--这里就是你要绑定的字段--%>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
</form>
</body>
</html>
————————————————
<%----%>这个是注释
————————————————————————
其实这个是我今天早上才学会的，看了百度的有一个东西深受启发，希望对你有帮助
http://zhidao.baidu.com/question/124611933.html?si=1
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%--这前面的就是每次打开的时候电脑自动产生的废话--%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css"><%--这句话你就照着写吧，意思是定义css--%>
.list<%--这个.list相当于定义了一个名字叫做list的css文件--%>
{
width: 600px;<%--这些就是所谓的css代码了，根据需求自己改吧--%>
} }
.list li<%--这个li对横向布局很重要，li是换行那种--%>
{
float: left;<%--这个float意思是浮动，left是像左边浮动这句话是能够横向布局的关键，我试过，只有left和right才能保证是横着的--%>
width: 100px;
height: 100px;
margin: 5px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul class="list"><%--这里就是告诉电脑，你要用刚刚我们写的那个list这个css来控制你的布局--%>
<asp:Repeater ID="MyRepeater1" runat="server">
<ItemTemplate>
<li>
<%#Eval("Name") %> <%--这里就是你要绑定的字段--%>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
</form>
</body>
</html>
————————————————
<%----%>这个是注释
————————————————————————
其实这个是我今天早上才学会的，看了百度的有一个东西深受启发，希望对你有帮助
http://zhidao.baidu.com/question/124611933.html?si=1
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
repeater里用div布局，在css样式里加一个属性clear=right，搞定
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
