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

本文关键字：顶部 asp net 标签 对齐 | 更新日期: 2023-09-27 18:13:35

我有一个表在我的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?谢谢你的建议。

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

使用css类。例如

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

类所在位置:

.label_topped {
  vertical-align:top;
 }

注意这个类应用于cell()而不是label。

一个更快的选择是在单元格上做一个直接的样式，即

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

相关文章：