asp.net – 在同一行(左右)对齐标签和文本框

发布时间：2020-12-16 07:31:13 所属栏目：asp.Net 来源：网络整理

导读：我有一个ASP.NET控件.我想将文本框与右侧对齐,并将标签对齐到左侧. 到目前为止我有这个代码： td colspan="2" asp:Label ID="Label6" runat="server" Text="Label"/asp:Label div style="text-align: right" asp:TextBox ID="TextBox3" runat="server"/asp:T

我有一个ASP.NET控件.我想将文本框与右侧对齐,并将标签对齐到左侧.

到目前为止我有这个代码：

<td  colspan="2">


                <asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>


        <div style="text-align: right">    
                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        </div>

        </td>

文本框与右侧对齐,但标签与左侧和上方的线对齐.如何解决这个问题,使标签位于左侧,文本框位于右侧,两者位于同一条线上？

谢谢

解决方法

你可以使用风格

<td  colspan="2">
     <div style="float:left; width:80px"><asp:Label ID="Label6" runat="server" Text="Label"></asp:Label></div>

    <div style="float: right; width:100px">    
            <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
    </div>

     <div style="clear:both"></div>

    </td>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!