Добавление стиля в метку asp.net

Я хочу добавить стиль в метку 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%;
}

Я пробовал использовать

  • Свойство cssClass

  • Добавьте этот lblCommentText.Attributes.CssStyle.Add("float", "right"); в backend

  • с помощью javascript
    document.getElementById('<%= lblCommentText.ClientID%>').Style.display = ("float","right");

  • а также встроенный стиль для элемента

никто из них не работает, может кто-то мне помочь?

Ответ 1

Ярлыки отображаются как промежутки, а промежутки - это в основном встроенные элементы. Вам нужно сделать блок или встроенный блок, чтобы получить эффект поплавка и ширину.

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

А затем просто используйте cssclass:

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

Ответ 2

Инлайн:

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

Использование класса:

<style>
.styleclass{
   float: left;
}

</style>

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

Использование идентификатора;

   <style>
    #ctl02_ctl36_CommentText {
       float: left;
    }

    </style>

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

Ответ 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"