当所需的验证器触发时，文本框对齐混乱？答案

【问题标题】：textboxes alignment messing up when required validators fire?当所需的验证器触发时，文本框对齐混乱？
【发布时间】：2010-09-14 04:11:57
【问题描述】：

我有一个表格，里面有几个文本框。在这两个字段中，我有必填字段。当验证器触发对齐发生变化时。在验证器触发之前，文本框对齐是好的。

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

【问题讨论】：

标签： asp.net html css alignment

【解决方案1】：

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

【讨论】：