如何在asp.net中将组件分组到屏幕上的固定位置？

Question

我正在asp.net中设计一个注册页面。我正在使用面板对组件（标签，ddl和文本框）进行分组，但在运行页面时，组件的位置正在发生变化。如何将组件固定到特定位置？

谢谢， 茹

Answer 1

您可以使用表格标签 例如

               

Answer 2

最好将页面中的所有控件添加到表中并设置表格行和列位置 E.g：

<table style="width: 100%;">
            <tr>
                <td>
                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </td>
                <td>
                    <asp:Panel ID="Panel1" runat="server">
                        <table>
                        <tr>
                        <td>
                            <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
                        </td>
                        <td>
                            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                        </td>
                        <td>
                            <asp:DropDownList ID="DropDownList1" runat="server">
                            </asp:DropDownList>
                        </td>
                        </tr>
                        </table>
                    </asp:Panel>
                </td>
            </tr>

        </table>

Answer 3

我建议使用面板元素的cssclass属性。下面是一个荒谬的例子。 （它仍然证明了这个概念）
<style type="text/css"> .pi { position:fixed;
top:100px;
left:100px;
height:100px;
background-color:Red;
width:1000px;
}
</style>
<asp:Panel ID="Panel2" CssClass="pi" runat="server">
<asp:TextBox ID="t1" runat="server" />
</asp:Panel>

Answer 4

不要give up and use tables，对于静态定位的元素，我只是将绝对定位CSS应用于元素周围的div或元素本身：

.staticPosition
{
    position:absolute;
    top:20px;
    left:20px;
}