为什么文本在复选框下移动而不是复选框旁边的1行?

时间:2013-11-04 19:23:09

标签: asp.net css vb.net

在VB代码中,在创建Div之前,在if语句中将文本更改为红色,文本在复选框旁边对齐。现在,当我添加颜色更改代码child.Text = "<div style='color:Red; display: inline; float: left;'>" + child.Text & "</div>"时,它会在复选框下移动文本而不是复选框旁边的文本。我尝试了Span,它不起作用。我希望文本在复选框旁边。

这是详细的VB代码,

 'populate the child nodes
                While dr.Read()
                    Dim child As TreeNode = New TreeNode(dr("Name"), dr("Name"))
                    Dim complianceFlag As Boolean

                    If Boolean.TryParse(dr("Compliance"), complianceFlag) Then
                        ' Yes, compliance value is a Boolean, now set color based on value
                        If Not complianceFlag Then
                            child.Text = "<div style='color:Red; display: inline; float: left;'>" + child.Text & "</div>"
                        End If
                    Else

                    End If
                    rootNode.ChildNodes.Add(child)
                    child.SelectAction = TreeNodeSelectAction.None
                End While

HTML code,

<div>
  <asp:UpdatePanel ID="UpdatePanel6" runat="server">
   <ContentTemplate>
  <asp:TreeView onclick="client_OnTreeNodeChecked();" ID="TreeViewGroups" runat="server"
          ShowCheckBoxes="All" ExpandDepth="0" CssClass="bold">
         </asp:TreeView>
    <asp:Label ID="LabelNoServers" runat="server" Text=""></asp:Label>
   </ContentTemplate>
     <Triggers>
    <%--<asp:AsyncPostBackTrigger ControlID="b_DelYes" EventName="Click" />--%>
    </Triggers>
     </asp:UpdatePanel>
</div>

1 个答案:

答案 0 :(得分:-1)

我找到了一个解决方案,而不是使用<div>,我使用了<font>。这样它就会缩小空间并返回到下一行复选框。

child.Text = "<font color='red'>" + child.Text + "</font>"