asp.net - 当需要的验证器触发时，文本框的对齐会搞砸吗？

Question

我的表格中有几个文本框。在这 2 个字段中，我有必填字段。当验证者开火时，对齐方式正在改变。在验证器触发之前，文本框对齐良好。

验证器触发后的图片 1。

验证器触发前的图片 2。

这是 HTML。

<table class="Borderblue" id="Table26" cellspacing="3" align="center" style="width: 100%;">
 <tr>
    <td bgcolor="White" style="width:20%" >
            First Name  <br/> 
            (on website)                                 
    </td>
     <td bgcolor="White" style="width:20%" >
           Middle Intial <br/> 
                 (on website) 
      </td>

      <td bgcolor="White" style="width:20%" >
              Last Name <br/> 
              (on website) 
      </td>
       <td bgcolor="White" style="width:20%" >
              Nick Name <br/> 
              (Goes By Name) 
       </td>  
    </tr>                               
     <tr>
         <td bgcolor="White" style="width:20%" >
             <asp:TextBox ID="txt6_2" runat="server" CssClass="TextBox SmallText" ></asp:TextBox>
              <asp:RequiredFieldValidator runat="server" id="RequiredFieldValidator8" ValidationGroup="ValidateInsert" Display="Dynamic" controltovalidate="txt6_2" errormessage="Please enter first name!" />
         </td>
         <td bgcolor="White" style="width:20%">
             <asp:TextBox ID="txt7_2" runat="server" CssClass="TextBox SmallText" MaxLength="2" Width="20px" style="vertical-align:top"  ></asp:TextBox>
        </td>                           
        <td bgcolor="White" style="width:20%">
               <asp:TextBox ID="txt8_2" runat="server" CssClass="TextBox SmallText"></asp:TextBox>
              <asp:RequiredFieldValidator runat="server" id="RequiredFieldValidator9" ValidationGroup="ValidateInsert" Display="Dynamic" controltovalidate="txt8_2" errormessage="Please enter last name!" />
            </td>                           
            <td bgcolor="White" style="width:20%" >
             <asp:TextBox ID="txt9_2" runat="server" CssClass="TextBox SmallText" width="120px"></asp:TextBox>                                                                            </td>            
      </tr>
</table>

CSS:

.SmallText
{
     font-family: Tahoma, Arial, Helvetica;
     text-align:justify;    
    font-size: 8.5pt;
 }
    .TextBox
    {
           Width: 100px;
           Height:12px;
           background-color:#F0F0F0;
           border: 1px solid #000000;
   }

Answer 1

您可能需要将验证器移到它们自己的单元格中，这样文本框单元格就不会展开。或者在您的单元格上使用 valign="top"可能会起作用。