Html 如何防止中继器断线导致2个链接按钮分离?
我有一个带有2个链接按钮的中继器,需要彼此相邻显示以构建图形单元。根据窗口大小,换行符将打断该单元。如何将这两个元素连接在一起?我在摆弄div,但结果是中继器的每个结果都显示在一个新行中,而我需要它们水平显示Html 如何防止中继器断线导致2个链接按钮分离?,html,asp.net,repeater,Html,Asp.net,Repeater,我有一个带有2个链接按钮的中继器,需要彼此相邻显示以构建图形单元。根据窗口大小,换行符将打断该单元。如何将这两个元素连接在一起?我在摆弄div,但结果是中继器的每个结果都显示在一个新行中,而我需要它们水平显示 <asp:Repeater runat="server" id="RepeaterUsers" > <ItemTemplate> <div style="display:inline;"> <
<asp:Repeater runat="server" id="RepeaterUsers" >
<ItemTemplate>
<div style="display:inline;">
<div style="white-space:nowrap;">
<asp:LinkButton ID="LB1" runat="server" OnClick="SelectUser"><asp:Label runat="server" Text='<%# Bind("Name") %>' ID="RepeaterName"/>
</asp:LinkButton><asp:LinkButton ID="LB2" runat="server" OnClick="EliminateUser"><img src="img/close33.png"></asp:LinkButton></div><asp:Label runat="server" Text=" " Height="24px" ID="LabelSpace"/></div>
</ItemTemplate>
</asp:Repeater>
- “Name”列包含空格,有时可能导致一个单元格内出现换行。因此,我必须首先用不可分割的空格(nbsp;)替换空白
- 为了避免单元格之间出现间隙,必须将间距和填充设置为0。这将导致桌子之间没有距离。为了设置水平和垂直距离,我添加了一个额外的单元格
浮动:左
<asp:Repeater runat="server" ID="RepeaterUsers">
<ItemTemplate>
<div style="float: left; margin-bottom: 24px; clear: both">
<asp:LinkButton ID="LB1" runat="server"><%# Eval("Name") %></asp:LinkButton>
<asp:LinkButton ID="LB2" runat="server"><img src="img/close33.png"></asp:LinkButton>
</div>
</ItemTemplate>
</asp:Repeater>
您可以发布生成的HTML,而不是发布asp代码。这将是很容易为人们拿起它和帮助我尝试了,但每一个结果是单独显示,甚至有两个链接按钮元素之间的休息。我选择了你不贴标签的想法。更新了我的答案。谢谢你。嗯,我花了很长时间,最后它变成了你两个答案的混合体。更新后的解决方案将每个结果放在一个单独的表中,但所有这些表都由换行符分隔。所以我不得不把整件事都包起来
.RepeaterTable {border-spacing:0;border-collapse:collapse;float:left;}
.RepeaterTD {padding: 0px;}
<asp:Repeater runat="server" ID="RepeaterUsers">
<ItemTemplate>
<div style="float: left; margin-bottom: 24px; clear: both">
<asp:LinkButton ID="LB1" runat="server"><%# Eval("Name") %></asp:LinkButton>
<asp:LinkButton ID="LB2" runat="server"><img src="img/close33.png"></asp:LinkButton>
</div>
</ItemTemplate>
</asp:Repeater>
<table cellspacing="0" cellpadding="3" border="0">
<asp:Repeater runat="server" ID="RepeaterUsers">
<ItemTemplate>
<tr>
<td>
<asp:LinkButton ID="LB1" runat="server"><%# Eval("Name") %></asp:LinkButton>
</td>
<td>
<asp:LinkButton ID="LB2" runat="server"><img src="img/close33.png"></asp:LinkButton>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>