web-dev-qa-db-fra.com

Ajout de style à l'étiquette asp.net

Je veux ajouter du style à l'étiquette asp.net, mais cela ne fonctionnera pas.

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>

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

Je veux ajouter le style suivant à l'étiquette

{
 float:right;
 width:70%;
}

J'ai essayé d'utiliser

  1. propriété cssClass

  2. Ajoutez cette lblCommentText.Attributes.CssStyle.Add("float", "right"); au backend

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

  4. et également un style en ligne à l'élément

aucun d'entre eux ne fonctionne, quelqu'un peut-il m'aider?

c#asp.netwebforms
17
cool_spirit

Les étiquettes sont rendues comme des étendues et les étendues sont essentiellement des éléments en ligne. Vous devez le faire en bloc ou en bloc pour que le flotteur et la largeur aient un effet.

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

Et puis utilisez simplement cssclass:

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

En ligne:

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

Utilisation de la classe:

<style>
.styleclass{
   float: left;
}

</style>

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

Utilisation de l'ID;

   <style>
    #ctl02_ctl36_CommentText {
       float: left;
    }

    </style>

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

Si vous souhaitez ajouter du code derrière, utilisez comme ci-dessous:

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

Si vous souhaitez ajouter à partir de la page aspx, créez une classe CSS comme:

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

et attribuer comme ceci:

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