我的桌子上有几个文本框。在那两个字段中,我有必填字段。当验证器的火线对准发生变化时。在验证器触发之前,文本框对齐是好的。

验证者触发后的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;
   }

最佳答案

您可能需要将验证器移动到它们自己的单元格,以便不扩展文本框单元格。或者您的单元格上的valign =“ top”可能起作用。

关于asp.net - 所需验证程序触发时,文本框对齐困惑吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3703937/

10-09 15:37
查看更多