Css 如何使自定义验证程序文本显示在一行上

Css 如何使自定义验证程序文本显示在一行上,css,asp.net,customvalidator,Css,Asp.net,Customvalidator,我有几个需要文本的文本框,然后我有一个复选框列表,需要选中其中一个复选框。我使用ASPs自定义验证器在不满足要求时显示红色“!”。我希望“!”显示在文本框和复选框列表的旁边。这对于文本框是正确的,但是当我在复选框旁边显示它时,它会显示在一个新行中。我怎样才能让它显示在同一行上 代码 <asp:CheckBoxList ID="TEST" ruant="server" DataSourceID="TestBox"> </asp:CheckBoxList> <asp:C

我有几个需要文本的文本框,然后我有一个复选框列表,需要选中其中一个复选框。我使用ASPs自定义验证器在不满足要求时显示红色“!”。我希望“!”显示在文本框和复选框列表的旁边。这对于文本框是正确的,但是当我在复选框旁边显示它时,它会显示在一个新行中。我怎样才能让它显示在同一行上

代码

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

复选框列表控件生成一个HTML元素,默认情况下是块级元素-请参阅

要解决此问题,请在复选框列表中添加CSS类:

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

然后,通过向页面添加以下代码,可以更改样式,使其以内联方式呈现:

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

.CheckBoxListStyle{float:left;}

现在,幸运的是,你的感叹号应该像这个一样出现在右边

谢谢你的解释!工作完美你救了我一天!非常感谢。