Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何防止中继器断线导致2个链接按钮分离?_Html_Asp.net_Repeater - Fatal编程技术网

Html 如何防止中继器断线导致2个链接按钮分离?

Html 如何防止中继器断线导致2个链接按钮分离?,html,asp.net,repeater,Html,Asp.net,Repeater,我有一个带有2个链接按钮的中继器,需要彼此相邻显示以构建图形单元。根据窗口大小,换行符将打断该单元。如何将这两个元素连接在一起?我在摆弄div,但结果是中继器的每个结果都显示在一个新行中,而我需要它们水平显示 <asp:Repeater runat="server" id="RepeaterUsers" > <ItemTemplate> <div style="display:inline;"> <

我有一个带有2个链接按钮的中继器,需要彼此相邻显示以构建图形单元。根据窗口大小,换行符将打断该单元。如何将这两个元素连接在一起?我在摆弄div,但结果是中继器的每个结果都显示在一个新行中,而我需要它们水平显示

    <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="&nbsp;&nbsp;" 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>