Question

这是我的asp.net代码

            <asp:Panel ID="Panel1" runat="server">                        
                <asp:CheckBoxList ID="chkCourseList" runat="server" style="margin-left:10px;" class="checkbox-inline" RepeatLayout="Flow" RepeatColumns="2" textalign="left">
                </asp:CheckBoxList>                            
            </asp:Panel>

这就是问题所在：

课程名称单击课程名称

旁边的复选框

image here

我想要文本右侧的复选框。

提前致谢。

Answer 1

这只是css问题，可以使用TextAlign="left"来解决。

  <asp:Panel ID="Panel1" runat="server">                        
                    <asp:CheckBoxList ID="chkCourseList" runat="server" style="margin:10px;" class="checkbox-inline" RepeatLayout="Flow" RepeatColumns="2" TextAlign="left">
                    </asp:CheckBoxList>                            
                </asp:Panel>

如果Line过宽。您可以在样式中添加一些填充，也可以使用RepeatColumns = "1"。

希望这会对你有所帮助:)。

Answer 2

<asp:CheckBoxList..>中的每个listItem都会呈现为type="checkbox"和label的组合。因此您可以将样式应用于label，如下所示：

.checkbox-inline label{
    word-wrap: break-word;
    max-width: 112px; /* use width based on requirement */
    display: inline-block;
}

所以如果

RepeatColumns =“2”与第二列上的CheckBoxList复选框重叠

2 个答案: