asp.net - 如果标签的宽度超过 Div 标签的限制，则复选框标签显示在下一行

Question

我正在使用 CheckBoxList，如果值超过 div 标签宽度，复选框标签将显示在下一行。

有没有一种方法可以让我在同一条线上对齐？

  <table id="Table1">
                    <tr>
                        <td width="250px">
                            <asp:Label ID="deleteLabel" runat="server" Text="Select "></asp:Label>
                        </td>
                        <td width="900px">
                            <div style="border-style: solid; border-color: inherit; border-width: thin; overflow: auto;
                                width: 356px; height: 100px" class="ccodes" runat="server" id="deletePanel1">
                                <asp:CheckBox ID="CheckBoxSelectAll" runat="server" Text="All" />
                                <asp:CheckBoxList ID="checkBoxListDeleteEntities" runat="server" RepeatDirection="Vertical"
                                    Height="26px">
                                </asp:CheckBoxList>
                            </div>
                        </td>
                    </tr>   
    </table>

值如下所示。（对于第三个值，如果它超过了 div 的宽度（356px））

[] test1
[] test2
[]
test test test test test test test test test test test test test 

任何建议如何使复选框标签与复选框内联？

Answer 1

你试过white-space: nowrap吗？

.nowrap_list tr td label
{
    white-space:nowrap;
    overflow:hidden;
}

<asp:CheckBoxList ID="checkBoxListDeleteEntities"
    CssClass="nowrap_list"
    runat="server" RepeatDirection="Vertical"
    Height="26px">
</asp:CheckBoxList>