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>

如果标签的宽度超出Div标签的限制，则复选框标签显示在下一行

1 个答案: