如何将标签对齐到表asp.net C#中行的顶部

发布时间：2020-12-16 09:54:32 所属栏目：asp.Net 来源：网络整理

导读：我的asp.net页面中有一个表.我尝试对齐的控件是标签和文本框.我在表格中的一行中都有两个控件.无论我如何尝试对齐标签,它都会从行的底部显示.如何将标签对齐以显示在行的中心或顶部？这是我的html aspx代码： tr td colspan="4" span asp:Label class="fiel

我的asp.net页面中有一个表.我尝试对齐的控件是标签和文本框.我在表格中的一行中都有两个控件.无论我如何尝试对齐标签,它都会从行的底部显示.如何将标签对齐以显示在行的中心或顶部？

这是我的html aspx代码：

<tr>
            <td colspan="4">
                <span>
                    <asp:Label class="field" ID="Label9" runat="server" Text="Comments:"></asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
    <asp:TextBox ID="TB_Comments" runat="server" TextMode="MultiLine" Width="500px" Height="50px"></asp:TextBox>
                </span>

            </td>
        </tr>

这是我的样式代码：

<style type="text/css">   
.field label,.field select
{
    display: inline-block;
    vertical-align: top;

}
    </style>

还有一种方法可以让我通过代码隐藏将标签控件与顶部或中心对齐而不使用HTML吗？感谢您的任何意见.

解决方法

为此使用css类.即

<td class="label_topped">
    <asp:Label ID="Label1" runat="server" Text="PO Number:"></asp:Label> 
 </td>

课程将在哪里：

.label_topped {
  vertical-align:top;
 }

请注意,该类应用于cell()而不是标签.

更快的选择是在电池上做直接的风格,即

<td style="vertical-align:top">
   <asp:Label ID="Label1" runat="server" Text="PO Number:"></asp:Label> 
 </td>

希望有所帮助.

（编辑：李大同）

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