如何让Custom Validator Text显示在一行上

Question

我有几个需要文本的文本框，然后我有一个复选框列表，需要选中其中一个复选框。我正在使用ASP自定义验证器来显示红色＆＃34;！＆＃34;当要求不符合时。我想要＆＃34;！＆＃34;显示在文本框和复选框列表旁边。这对于文本框正常工作，但是当我在复选框旁边显示它时，它会显示在新行上。如何让它显示在同一行？

CODE

<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

复选框列表控件生成＆lt; table＆gt; HTML元素，默认情况下是块级元素 - 请参阅https://webdesignfromscratch.com/html-css/css-block-and-inline/。

要解决此问题，请将CSS类添加到复选框列表中：

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

然后您可以通过向页面添加以下代码来更改样式以使其呈现为内联：

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

现在有点运气，你的惊叹号应该出现在右边，就像这个一样！