将标签添加到单元格的右下角

本文关键字：右下角 单元格 标签 添加 | 更新日期: 2023-09-27 18:30:58

我正在动态添加一个标签，并希望将该标签放在单元格的右下角。

我使用的代码是：

 Panel pnlAddBundle = new Panel();
 pnlAddBundle.Controls.Add(new Label("<div style="position:absolute;bottom:0px;right:0px;">" + ("Build " + gate.a) + "</div>"));
tc.Controls.Add(pnlAddBundle );

谁能帮我解决这个问题？我收到错误，并且在底部没有添加我应该进行哪些更改？

我不想为此制作 css。 因为它被其他 CSS 覆盖。

将标签添加到单元格的右下角

标签不能用于定位。要完成您要查找的内容，您需要将该标签放在div 内并对其应用绝对定位。下面是一个示例：

<div style="position:relative;">
    <div style="position:absolute;bottom:0px;right:0px;">
        <asp:Label ID="Label1" runat="server" />
    </div>
</div>

这是一个jsFiddle来演示：http://jsfiddle.net/k521h7r4/

如果需要在代码中动态执行此操作，可以将其中一个外部div 设置为面板，并将 Label 控件添加到其中。

<style type="text/css">
    div.outer-div {
        position:relative;
        height:200px;
        border:1px solid #000;
        margin:5px;   
    }
    div.inner-div {
        position:absolute;
        bottom:0px;
        right:0px;
    }
</style>
<div class="outer-div">
    <asp:Panel ID="Panel1" runat="server" CssClass="inner-div">
        <!-- render labels inside of here -->
    </asp:Panel>
</div>

在代码隐藏中：

Label lbl = new Label();
lbl.Text = "Hello World!";
Panel1.Controls.Add(lbl);

编辑

如果要

动态呈现 HTML，可以考虑的另一个选项是使用文本控件而不是标签。这是一种丑陋的方法，但根据上面的示例，它看起来会起作用。

相关文章：