對齊驗證控件與文本框

我有這個惱人的問題，我的驗證控件拒絕與我的文本框在同一行。對齊驗證控件與文本框

其中一種方法是在表格中創建控件，但我對該技術不感興趣。我嘗試了一些CSS技術，但結果總是錯誤的。

我只想讓星號出現在文本框的右側，如果文本框不包含值。

有什麼建議嗎？

的代碼非常簡單：

<p> 
<asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">Username:</asp:Label> 
<asp:TextBox ID="UserName" runat="server" CssClass="textEntrySmall"></asp:TextBox> 
<asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" CssClass="failureNotification" ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator> 
</p>

和CSS：

input.textEntrySmall 
{ 
width: 130px; 
border: 1px solid #ccc; 
} 
input.passwordEntrySmall 
{ 
width: 130px; 
border: 1px solid #ccc; 
}

謝謝。

來源

2011-08-25 Atron Seige

看看這個http://jsfiddle.net/E4uQU/這個HTML代碼將會在你的頁面上呈現這個簡單的例子，除了我已經從span樣式中刪除了'visibility：hidden;' 。它工作正常。你有其他風格影響佈局嗎？這是限制'p'標籤的寬度的東西？ –

在你的CSS嘗試這些變化。

p{ 
    display:table-row; 
} 
input, span, label{ 
    display:table-cell; 
}

如果你有像IE6，IE7的舊瀏覽器，然後使用此。它也適用於現代瀏覽器。

p { 
    white-space:nowrap; 
}

來源

2011-08-25 07:32:24

它不適用於IE7及更低版本 – onof

嘗試：

p { 
    width: 100%; 
} 
.failureNotification { 
    width: 50px; 
}

來源

2011-08-25 07:10:29 onof

什麼工作也正在改變中的驗證控件的非易碎空間，然後星號星號...

因此，從：

<asp:RequiredFieldValidator [...SNIP...] >*</asp:RequiredFieldValidator>

要

<asp:RequiredFieldValidator [...SNIP...] >&nbsp;*</asp:RequiredFieldValidator>

來源

2011-08-26 06:15:25

請刪除AssociatedControlID屬性，你將全部設置。

來源

2014-07-01 22:10:30 user3795601

對齊驗證控件與文本框

回答

相關問題