gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 04:14:24 26 4
gpt4 key购买 nike

我在 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>

最佳答案

在前端有这个:

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

希望这能让您顺利上路。

关于c# - 2 "Dynamic"div 之间的 "Static"div [CSS][ASP.NET],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20211960/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com