如何在c＃中将CSS添加到动态创建的div中？

Question

i am using css to configure this div's properties using it's id, but it aint working, maybe because i created it in c# in the code behind, how can i fix that?
c#

StringBuilder sb = new StringBuilder();
sb.Append(@"<div id=""img1"" runat=""server"">Vidal</div>");
Label1.Text = sb.ToString();

Css

#img1{
position: absolute;
top: 20px;
left: 20px;
width: 253px;height: 190px;

}

Answer 1

I would use a class instead of an ID. Also, you don't need to make it a div, as your Label will render as a span. You simply need to set the CssClass and Text properties.

---

C#

Label1.CssClass = "someClass";
Label1.Text = "Vidal";

---

CSS

.someClass
{
    position: absolute;
    top: 20px;  
    left: 20px;
    width: 253px;
    height: 190px;
}

Answer 2

you can't use label control to display html content , use literal control or panel like below

Panel div = new Panel();
div.ID = "img1";   
div.Controls.Add(new Literal{Text = "Vidal"});    
this.Controls.Add(div);

Answer 3

I think for your purposes, you might be better with asp:literal control:

StringBuilder sb = new StringBuilder();
sb.Append("<div class=\"image-css-selector">Vidal</div>");
Literal1.Text = sb.ToString();

A label control will have it's own markup and that might affect your html code

Answer 4

If you are using a single webform, then please make sure that you do not have multiple ids. If you are using a master page, and you really need a runat="server attribute to the div then you need to change the css like this:

#ContentPlaceHolder_img1{
position: absolute;
top: 20px;
left: 20px;
width: 253px;height: 190px;

Where ContentPlaceHolder is the name of the ID that you have gave for your content placeholder. for ex:

    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
     </asp:ContentPlaceHolder>

In your master page.