asp.net checkboxlist文本不在复选框旁边？

Question

我无法弄清楚如何强制asp.net checkListBox文本在（水平）复选框旁边？

意思是，他们的文字显示在下面的复选框... 宽度有足够的空间来容纳文本，为什么它会在下面放下来？

它的定义是这样的;

<asp:CheckBoxList 
ID="CheckBoxList1" 
runat="server" 
Width="665px" 
Font-Size="7pt" 
Font-Bold="False"
CellPadding="1"
CellSpacing="1"
RepeatColumns="1"
RepeatDirection="Vertical"
RepeatLayout="Table"
TextAlign="Right">
</asp:CheckBoxList>

我认为TextAlign =“Right”应该这样做...... 但我得到了这个：

Answer 1

尝试将重复布局设置为除表格之外的其他内容，例如流程。那些桌子（你的css中的东西等）可能会出现一些时髦的东西。我喜欢在任何可能的情况下避免显示表格数据的html表格。

<asp:CheckBoxList 
  ID="CheckBoxList1" 
  runat="server" 
  Width="665px" 
  Font-Size="7pt" 
  Font-Bold="False"
  RepeatDirection="Vertical"
  RepeatLayout="Flow"
  TextAlign="Right">
</asp:CheckBoxList>

Answer 2

我在其他论坛页面上找到了两种方法： 通过在CheckBoxList上面添加以下内容来强制更新样式：

<style type="text/css">
    label { display: inline-block; }
</style>

另一种方法适用于一个项目，出于某种原因，而不是另一个项目 - 所以这可能会或可能不会起作用： 添加到您的样式表：

.checkboxlist_nowrap label
{
    display:inline;
}

添加到您的复选框列表标记：

<asp:CheckBoxList ... CssClass="checkboxlist_nowrap" >