当需要验证器触发时，文本框对齐搞乱？

Question

我的桌子上有几个文本框。在这两个领域，我需要字段。验证器防火对齐正在改变。在验证器触发之前，文本框的结果很好。

验证器触发后的Pic1。

验证器触发前的Pic2。

这是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”可能有用。