2013-11-26 11 views
11

Tôi muốn thêm kiểu vào nhãn asp.net, nhưng nó sẽ không hoạt động.Thêm phong cách vào nhãn 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> 

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

Tôi muốn thêm phong cách sau đây để nhãn

{ 
float:right; 
width:70%; 
} 

Tôi đã cố gắng sử dụng

  1. tài sản CssClass

  2. Thêm lblCommentText.Attributes.CssStyle.Add("float", "right"); này để phụ trợ

  3. sử dụng javascript
    document.getElementById('<%= lblCommentText.ClientID%>').Style.display = ("float","right");

  4. và cũng trong dòng phong cách để các yếu tố

ai trong số họ làm việc, ai đó có thể giúp tôi không?

+1

'display: inline-block;' – Abhitalks

+0

Vài điều mà @abhitalks đã nói bên trong '.class' và áp dụng lớp đó với thuộc tính' CssClass' trên 'Label'. –

Trả lời

15

Nhãn được hiển thị dưới dạng nhịp và nhịp là các yếu tố nội tuyến cơ bản. Bạn cần phải làm cho nó khối hoặc inline-block để có được phao và chiều rộng có hiệu lực.

Và sau đó chỉ cần sử dụng cssclass:

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

vâng, đó là lý do. cảm ơn –

+1

Mất nhiều thời gian cho việc này, thx – CheGueVerra

5

Nếu bạn muốn thêm từ mã đằng sau sau đó sử dụng như dưới đây:

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

Nếu bạn muốn thêm vào từ trang aspx sau đó tạo một lớp css như:

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

và gán như thế này:

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

Inline:

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

Sử dụng lớp:

<style> 
.styleclass{ 
    float: left; 
} 

</style> 

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

Sử dụng ID;

<style> 
    #ctl02_ctl36_CommentText { 
     float: left; 
    } 

    </style> 

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

cảm ơn, cssClass sẽ luôn là lựa chọn mong muốn của tôi. –

+0

Nó hoạt động như một sự quyến rũ! –

Các vấn đề liên quan