2个“静态” div之间的“动态” div [CSS] [ASP.NET]

debugcn 发表于 Dev

尼克·琼克曼（Niek Jonkman）

我在使用CSS时遇到一些需要帮助的问题。

我有以下代码：

<div class="UpperClass"></div>

<div class="LowerClass"></div>

理解以下简单的CSS：

.UpperClass{
background-color: red;
width: 50px;
height: 50px;
}


.MiddleClass{
background-color: green;
width: 50px;
height: 50px;
}

.LowerClass{
background-color: blue;
width: 50px;
height: 50px;
}

现在，在后面的代码中，我动态地添加了中产阶级div：

int count = 1; //Could be anything

foreach (var item in count)
{
    Label placeholder = new Label();
    StringBuilder sbExample = new StringBuilder();
    sbExample.append("<div class='MiddleClass'></div>");
    HtmlString text = new HtmlString(sbExample.ToString());
    placeholder.Text = text.ToString();
    this.Controls.Add(placeholder);
}

现在，所有3个div都显示在页面上，但是具有中产阶级的div在上层阶级的后面，我要的是上层阶级首先出现，然后是所有中产阶级div和下层阶级的div之下的所有div，它们都很好地在彼此之间排序。我怎么做？

提前致谢。

编辑：

另外，如果我想要包装纸，该如何放置：

<div class="wrapper">
    <div class="UpperClass">
    </div>
        //Middle class here
    <div class="LowerClass">
    </div>
</div>

詹姆斯·麦克唐纳

在前端有这个：

<div class="UpperClass"></div>

<%= PopulateMiddleClass() %>

<div class="LowerClass"></div>

在后端

String PopulateMiddleClass()
{
    String ret = "";
    //loop through and populate string
    return ret;
}

或者

<div class="UpperClass"></div>

<asp:PlaceHolder ID="MyPlaceHolder" runat="server"></asp:PlaceHolder>

<div class="LowerClass"></div>

然后在后端

Page_Load(object sender, EventArgs e)
{
    Literal literal = new Literal();
    literal.Text = "<div class='MiddleClass'></div>";
    MyPlaceHolder.Controls.Add(literal); // you could loop through and keep adding controls or you could compile them all into the one literal.
}

希望这能帮助您前进。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。