Question

我有一个以页面为中心的文本框。我希望有一个错误标签显示在它的右侧，如果有必要，并保持文本框在页面的中心。该页面包含一个Panel，它以整个页面为中心。

    <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标签的可见性时，它会尝试将两个对象强制进入中心。有没有办法让文本框居中，标签偏离中心，在右边？

非常感谢您的光临。

Answer 1

您可以尝试添加text-align：right;到pName元素中的样式标记。

Answer 2

我带着一张桌子，很快就找到了我需要的东西......

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

带偏移标签的居中文本框？

2 个答案: