Question

目前我正在尝试根据我从aspx页面后面的代码中的数据库表中获取的信息来修改div的css样式属性。以简化的形式，以下基本上是我想要做的，但我得到错误。

这是我的代码：

ASPX：

<div id="testSpace" runat="server">
    Test
</div>

背后的代码：

testSpace.Style = "display:none;"    
testSpace.Style("display") = "none";

任何帮助将不胜感激。谢谢！

Answer 1

testSpace.Style.Add("display", "none");

Answer 2

这是一个HtmlGenericControl，所以不确定推荐的方法是什么，所以你也可以这样做：

testSpace.Attributes.Add("style", "text-align: center;");

或

testSpace.Attributes.Add("class", "centerIt");

或

testSpace.Attributes["style"] = "text-align: center;";

或

testSpace.Attributes["class"] = "centerIt";

希望有所帮助，尼克

Answer 3

另一种方法：

testSpace.Style.Add("display", "none");

或

testSpace.Style["background-image"] = "url(images/foo.png)";

在vb.net中你可以这样做：

testSpace.Style.Item("display") = "none"

Answer 4

如果您使用initializer syntax new来创建元素，则可以执行以下操作：

var row = new HtmlTableRow
{
  Cells =
  {
    new HtmlTableCell
    {
        InnerText = text,
        Attributes = { ["style"] = "min-width: 35px;" }
    },
  }
};

或者如果专门使用CssStyleCollection：

var row = new HtmlTableRow
{
  Cells =
  {
    new HtmlTableCell
    {
        InnerText = text,
        Style = { ["min-width"] = "35px" }
    },
  }
};

如何修改ASP.net中div的代码隐藏文件中的样式？

4 个答案: