2013-11-26 65 views
11

我想向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. ,並內嵌樣式的元素

他們沒有工作0

  • ,有人可以幫我嗎?

  • +1

    '顯示:inline-block的;' – Abhitalks

    +0

    夫婦什麼'.class'裏面說並應用類的'Label'的'CssClass'財產@abhitalks。 –

    回答

    15

    標籤呈現爲跨度,跨度基本上是內聯元素。你需要使它成爲塊或內聯塊才能使浮點和寬度有效。

    ,然後只需用cssclass

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

    是的,這就是爲什麼。謝謝 –

    +1

    失去了很多時間在這,thx – CheGueVerra

    5

    如果你想從代碼後面加再使用如下:

    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" 
    
    8

    內聯:

    <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" /> 
    
    +0

    謝謝,cssClass將永遠是我想要的選擇。 –

    +0

    它像一個魅力工作! –