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

【问题标题】：asp.net checkboxlist text not next to checkbox?asp.net checkboxlist 文本不在复选框旁边？
【发布时间】：2013-08-22 22:12:42
【问题描述】：

我不知道如何强制 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" 应该这样做... 但我得到了这个：

【问题讨论】：

标签： asp.net checklistbox

【解决方案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>

【讨论】：

【解决方案2】：

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

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

另一种方法在一个项目上有效，但由于某种原因，在另一个项目上无效——所以这可能有效，也可能无效：添加到您的样式表：

.checkboxlist_nowrap label
{
    display:inline;
}

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

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

【讨论】：