Question

我想为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");添加到后端
使用javascript
document.getElementById('<%= lblCommentText.ClientID%>').Style.display = ("float","right");
以及元素的内嵌样式

它们都不起作用，有人可以帮助我吗？

Answer 1

标签呈现为跨距，跨距基本上是内联元素。你需要使它成块或内联块才能使浮动和宽度生效。

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

然后只需使用cssclass：

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

Answer 2

内联：

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

使用class：

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

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

添加样式到asp.net标签

3 个答案: