如何将CSS类添加到html泛型控制div？

Question

我创建了一个这样的div标签:

System.Web.UI.HtmlControls.HtmlGenericControl dynDiv = 
    new System.Web.UI.HtmlControls.HtmlGenericControl("DIV");

我在div标签中添加了样式,如下所示:

dynDiv.Style.Add(HtmlTextWriterStyle.BorderStyle, "1px solid #DBE0E4");
dynDiv.Style.Add(HtmlTextWriterStyle.Height, "auto");
dynDiv.Style.Add(HtmlTextWriterStyle.MarginTop, "5px");
dynDiv.Style.Add(HtmlTextWriterStyle.PaddingBottom, "5px");
dynDiv.Style.Add(HtmlTextWriterStyle.Width, "682px");

但是我需要通过位于文件夹的外部css文件来控制div标签的样式~/css/maincss.css.

如何将该文件中的css应用于此div？

Answer 1

dynDiv.Attributes["class"] = "myCssClass";

Answer 2

要将类添加到通过HtmlGenericControl您可以使用的方式生成的div :

div1.Attributes.Add("class", "classname"); 

如果您使用该Panel选项,它将是:

panel1.CssClass = "classname";

Answer 3

如果要将类添加到元素的现有类列表中:

element.Attributes.Add("class", element.Attributes["class"] + " " + sType);

Answer 4

我的方法是:

/// <summary>
/// Appends CSS Class seprated by a space character
/// </summary>
/// <param name="control">Target control</param>
/// <param name="cssClass">CSS class name to append</param>
public static void AppendCss(HtmlGenericControl control, string cssClass)
{
    // Ensure CSS class is definied
    if (string.IsNullOrEmpty(cssClass)) return;

    // Append CSS class
    if (string.IsNullOrEmpty(control.Attributes["class"]))
    {
        // Set our CSS Class as only one
        control.Attributes["class"] = cssClass;
    }
    else
    {
        // Append new CSS class with space as seprator
        control.Attributes["class"] += (" " + cssClass);
    }
}

Answer 5

您不需要将 css 文件添加到 div，而是向其中添加一个类，然后将导入放在 HTML 页面的顶部，如下所示：

<link href="../files/external.css" rel="stylesheet" type="text/css" />

然后将如下所示的类添加到您的代码中：“myStyle”。

然后在 css 文件中执行类似以下操作：

.myStyle
{
   border-style: 1px solid #DBE0E4;
}