2014-10-10 50 views
0

我有一個文本框居中在一個頁面上。我想要的是,如果有必要,可以在其右側顯示錯誤標籤,並使文本框位於頁面的中心。該頁面包含一個面板,該面板以整個頁面爲中心。帶偏移標籤的居中文本框?

<asp:Panel ID="pnlStart" runat="server" CssClass="center"> 
...  
... 
... 
      <tr> 
       <td>  
        <div>         
         <input type="text" id="pName" name="pName" runat="server" class="pName" style="color:#7A0000;width:33%;" 
           value="Enter Your Name" onfocus="inputFocus(this)" onblur="inputBlur(this)" />     
         <asp:Label ID="pNameValidationLabel" style="width:33%;" name="pName" runat="server" Text="*Please enter your name." class="pName" visible="false"></asp:Label> 
        </div>            
       </td> 
      </tr> 

在頁面加載時,文本框居中。但是當pNameValidate標籤的可見性出現時,它會嘗試強制兩個對象進入中心。 有沒有辦法讓文本框居中並且標籤偏離中心位置?

非常感謝您的期待。

+0

嘗試用'浮動:right'的類'pName' – DaniP 2014-10-10 19:35:24

回答

0

您可以嘗試添加文本對齊:右;到pName元素中的樣式標籤。

0

我去一個桌子,這很快爲我提供了我需要的東西......

<tr> 
    <td> 
        <table width="100%">      
         <tr> 
          <td width="33%">&nbsp;</td> 
          <td width="33%"> 
          <div id="shaker"> 
           <input type="text" id="pName" autocomplete="false" clientidmode="Static" name="pName" runat="server" class="pName" 
            value="Please Enter Your Name Here" onfocus="inputFocus(this)" onblur="inputBlur(this)" />     
          </div> 
          </td> 
         </tr> 
        </table> 
       </td> 
      </tr>