web-dev-qa-db-ja.com

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%;
}
_

私は使ってみました

  1. cssClassプロパティ

  2. このlblCommentText.Attributes.CssStyle.Add("float", "right");をバックエンドに追加します

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

  4. また、要素へのインラインスタイル

それらのどれも動作しません、誰かが私を助けることができますか？

c#asp.netwebforms
17
cool_spirit

ラベルはスパンとしてレンダリングされ、スパンは基本的にインライン要素です。 floatとwidthを有効にするには、ブロックまたはインラインブロックにする必要があります。

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

そして、単にcssclassを使用します：

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

列をなして：

<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" />
12
Irfan TahirKheli

コードビハインドから追加する場合は、次のように使用します。

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"
9
Kanisq