Question

我正在尝试在面板中添加动态按钮

     <asp:Panel ID="pnl001" runat="server" Height="300px" Width="1174px"  ></asp:Panel>

如何修复该按钮的位置（左，右，面板顶部）

请建议

Answer 1

为面板和按钮指定一个类（使用Web窗体时，ID有时会很棘手：

  <asp:Panel ID="pnl001" runat="server" Height="300px" Width="1174px" CssClass="MyPanel" >
      <asp:Button ID="myButton" Text="Click Me" CssClass="MyButton" />
  </asp:Panel>

现在您需要为<head>元素或样式表添加一些样式：

  <style type="text/css">
  .MyPanel { position:relative; }
  .MyButton { 
             position:absolute;
             top:0;
             left:0;
            }
  </style>

<强>更新

由于您是动态添加按钮，请记住在代码隐藏中添加类似这样的类：

 btn.CssClass = "MyButton;

Answer 2

我希望您可以像这样添加按钮到您的面板

Button btn = new Button ();
btn.Text = "mytext";
btn .ID = "btn1";
btn.CssClass="MyCSSClassName";
pnl001.Controls.Add(btn);

现在在pnl001.Controls.Add(btn);之前添加此行btn.CssClass="MyCSSClassName";并在样式表中添加以下类

<style type="text/css">

  .MyCSSClassName{ 
             //your properties for positioning the button inside a panel
            }
  </style>

希望这适合你。

如何在面板asp.net中修复按钮的位置

2 个答案: