仅在标签可见时才在标签后添加<br />。 C＃

我有一段代码在页面加载时会填充以下部分或全部标签。它应该每行有两个标签（每个xData标签后需要换行）。我遇到的问题是，由于具有数据的标签数量设置为可在页面加载时发生变化，所以当不是所有标签都可见时，br /标签会导致间距问题。仅在标签可见时才在标签后添加<br />。 C＃

<div id="Status"> 
    <asp:Label ID="1" runat="server" Text="1:" Width="125px" Visible="false" /> 
    <asp:Label ID="1Data" runat="server" Text="" Visible="false" /> 
    <asp:Label ID="2" runat="server" Text="2:" Width="125px" Visible="false" /> 
    <asp:Label ID="2Data" runat="server" Text="" Visible="false" /> 
    <asp:Label ID="3" runat="server" Text="3:" Width="125px" Visible="false" /> 
    <asp:Label ID="3Data" runat="server" Text="" Visible="false" /> 
</div>

我希望能够在代码中的每个“外部数据”标签后添加换行符后面当标签填充设置为可见。

我曾尝试将"\n"添加到标签文本和\或Environment.NewLine，但没有运气。

感谢所有帮助

来源

2010-11-01 InsertOldUserIDHere

为什么他们都需要有单独的标签？为什么你不能在'StringBuilder'中串接字符串并通过' 2010-11-01 15:08:12

我想他们不一定非要这么做，我只是试图不要过多地改变它，因为我只是加入了这个代码，并且不想做重大更改。 – InsertOldUserIDHere 2010-11-01 15:57:27

最简单的方法...

<div id="Status"> 
    <div id="Status1" runat="server" Visible="false"> 
     <asp:Label ID="1" runat="server" Text="1:" Width="125px" /> 
     <asp:Label ID="1Data" runat="server" Text="" /> 
    </div> 
    <div id="Status2" runat="server" Visible="false"> 
     <asp:Label ID="2" runat="server" Text="2:" Width="125px" /> 
     <asp:Label ID="2Data" runat="server" Text="" /> 
    </div> 
    <div id="Status3" runat="server" Visible="false"> 
     <asp:Label ID="3" runat="server" Text="2:" Width="125px" /> 
     <asp:Label ID="3Data" runat="server" Text="" /> 
    </div> 
</div>

正确的方法...

<div id="Status"> 
    <asp:Label CssClass="statusLabel" ID="1" runat="server" Text="1:" Width="125px" Visible="false" /> 
    <asp:Label ID="1Data" runat="server" Text="" Visible="false" /> 
    <asp:Label CssClass="statusLabel" ID="2" runat="server" Text="2:" Width="125px" Visible="false" /> 
    <asp:Label ID="2Data" runat="server" Text="" Visible="false" /> 
    <asp:Label CssClass="statusLabel" ID="3" runat="server" Text="3:" Width="125px" Visible="false" /> 
    <asp:Label ID="3Data" runat="server" Text="" Visible="false" /> 
</div> 

/* CSS */ 
#Status span { 
    display: block; 
} 
#Status .statusLabel { 
    clear: both; 
    float: left; 
}

来源

2010-11-01 15:44:56

谢谢乔希！ @Brianary提出了关于在表现层中的评论，这让我想到了不用文字。这让我走向了我想去的地方。 – InsertOldUserIDHere 2010-11-01 16:18:25