c# - 如何将标签对齐到表格 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 类。即

 <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>

希望对您有所帮助。