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

Question

我的 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 将标签控件对齐到顶部或中心吗？感谢您提供任何意见。

Answer 1

为此使用 css 类。IE

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

课程将在哪里：

.label_topped {
  vertical-align:top;
 }

请注意，该类应用于单元格 () 而不是标签。

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

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

希望有帮助。