添加样式到asp.net标签

Question

我想为asp.net标签添加样式,但它不会工作.

ASP.NET Mark up
<asp:Label runat="server" ID="lblCommentText"/>

Generated from the backend: Html mark up
<span id="ctl02_ctl36_CommentText">Only the leave the comment please</span>

............................................

我想在标签中添加以下样式

{
 float:right;
 width:70%;
}

我试过用了

1. cssClass属性

2. 将其添加lblCommentText.Attributes.CssStyle.Add("float", "right");到后端

3. 使用javascript
   document.getElementById('<%= lblCommentText.ClientID%>').Style.display = ("float","right");

4. 以及元素的内嵌风格

它们都不起作用,有人可以帮助我吗？

Answer 1

标签呈现为跨距和跨距基本上是内联元素.你需要使它块或内联块,以使浮动和宽度有效.

.yourclass {
    display: inline-block;
    float: right;
    width: 70%;
}

然后简单地使用cssclass:

<asp:Label runat="server" ID="lblCommentText" CssClass="yourclass" />

Answer 2

排队:

<asp:Label runat="server" ID="lblCommentText" style="float:right" />

使用课程:

<style>
.styleclass{
   float: left;
}

</style>

<asp:Label runat="server" ID="lblCommentText" CssClass="styleclass" />

使用ID;

   <style>
    #ctl02_ctl36_CommentText {
       float: left;
    }

    </style>

 <asp:Label runat="server" ID="lblCommentText" />

Answer 3

如果您想从后面添加代码,请使用如下所示:

lblCommentText .Attributes.CssStyle.Add("float", "right");
lblCommentText.Attributes.CssStyle.Add("width", "70%");

如果你想从aspx页面添加,那么创建一个css类,如:

.testClass{float: right;width: 70%;}

并指定如下:

asp:Label runat="server" ID="lblCommentText" runat="server" Text="test data" CssClass="testClass"