c# - 2 "Dynamic"div 之间的 "Static"div [CSS][ASP.NET]

Question

我在 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 class="wrapper">
    <div class="UpperClass">
    </div>
        //Middle class here
    <div class="LowerClass">
    </div>
</div>

Answer 1

在前端有这个:

<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.
}

希望这能让您顺利上路。