Question

我对asp.net 新。目前正在处理表格。我需要将该面板中的元素置于中心

<asp:Panel ID="Panel1" runat="server">
      <asp:Label ID="Label1" runat="server" Text="Meeting Name"></asp:Label>
      <asp:TextBox ID="meetingname" runat="server"></asp:TextBox>
</asp:Panel>
<asp:Panel ID="Panel2" runat="server">
      <asp:Label ID="participants" runat="server" Text="Participants Email"></asp:Label>
      <asp:TextBox ID="TextBox2" TextMode="MultiLine" style="text-align:center" runat="server"></asp:TextBox> 
</asp:Panel>
<asp:Panel ID="Panel3" runat="server"> 
      <asp:Button ID="Button1" runat="server"  Text="Create Meeting" />
</asp:Panel>

我需要将带有标签的文本框居中。并且还可以参考任何更好的地方来查看asp.net标签中的这些基本内容 enter image description here

Answer 1

您需要在中央控制显示，因此请使用以下代码。

 <div style="padding-top: 100px;">
        <table width="100%">
            <tr>
                <td width="20%">
                    &nbsp;
                </td>
                <td width="30%" align="center" colspan="2" style="background-color: #008080; color: #FFFFFF;">
                    <strong>Welcome To Asp.Net</strong>
                </td>
                <td width="20%">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td width="20%">
                    &nbsp;
                </td>
                <td width="30%" align="right" style="background-color: #008080; color: #FFFFFF;">
                    <asp:Label ID="Label1" runat="server" Text="Meeting Name"></asp:Label>
                </td>
                <td width="30%" style="background-color: #008080; color: #FFFFFF;">
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </td>
                <td width="20%">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td align="right" style="background-color: #008080; color: #FFFFFF;">
                    <asp:Label ID="participants" runat="server" Text="Participants Email"></asp:Label>
                </td>
                <td style="background-color: #008080; color: #FFFFFF;">
                    <asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine"></asp:TextBox>
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td align="center" colspan="2" style="background-color: #008080; color: #FFFFFF;">
                    <asp:Button ID="Button1" runat="server" Text="Create Metting" />
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
        </table>
    </div>

Answer 2

为什么要使用面板3次？最简单的代码是

<asp:Panel ID="Panel1" runat="server">

<table style="border:1px solid gray;width:50%">
    <tr>
        <td>
            <asp:Label ID="Label1" runat="server" Text="Meeting Name"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="meetingname" runat="server"></asp:TextBox>
        </td>
    </tr>

    <tr>
        <td>
            <asp:Label ID="participants" runat="server" Text="Participants Email"></asp:Label>
        </td>
        <td>
            <asp:TextBox ID="TextBox2" TextMode="MultiLine" style="text-align:center" runat="server"></asp:TextBox> 
        </td>
    </tr>


    <tr>
        <td colspan="2" align=center>
            <asp:Button ID="Button1" runat="server"  Text="Create Meeting" />
        </td>
    </tr>
</table>
</asp:Panel>

asp.net中的中心面板元素

2 个答案: