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

Question

我有几个需要文本的文本框，然后我有一个复选框列表，需要选中其中一个复选框。我正在使用ASP自定义验证器来显示一个红色的“！”当不符合要求时。我想要 ”！”显示在文本框和复选框列表旁边。这对于文本框是正确的，但是当我在复选框旁边显示它时，它将显示在新行中。我怎样才能让它显示在同一行上？

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

复选框列表控制生成<表> 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> 

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