如何让自定义验证器文本显示在一行上

Question

我有几个需要文本的文本框，然后我有一个复选框列表，需要选中其中一个复选框。我正在使用 ASPs Custom Validator 来显示一个红色的“！”当不满足要求时。我想要 ”！”显示在文本框和复选框列表的旁边。这对于文本框工作正常，但是当我将它显示在复选框旁边时，它显示在一个新行中。我怎样才能让它显示在同一行上？

代码

<asp:CheckBoxList ID="TEST" ruant="server"
DataSourceID="TestBox">
</asp:CheckBoxList>
<asp:CustomValidator runat="server" ID="cvTEST" setFocusOnError="true"
ClientValidationFunction="test_val" ValidateEmptyText="true" 
Display="Dynamic" text="!">
</asp:CustomValidator>

我用同样的方法制作了文本框和下拉列表，它们都可以正常工作。这两者和复选框列表有什么区别？

Answer 1

复选框列表控件生成一个

HTML 元素，默认情况下它是块级元素 - 请参阅 https://webdesignfromscratch.com/html-css/css-block-and-inline/ 。

要解决此问题，请在您的复选框列表中添加 CSS class：

<asp:CheckBoxList ID="TEST" runat="server" CssClass="CheckBoxListStyle">
</asp:CheckBoxList>

然后您可以更改样式，以便通过将以下代码添加到页面内联呈现它：

 <style type="text/css">
     .CheckBoxListStyle { float: left; }
 </style>

现在运气好的话，你的感叹号应该出现在右边，就像这个感叹号一样！

如何让自定义验证器文本显示在一行上

How to get Custom Validator Text to display on one line

css

asp.net

customvalidator