2

値が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) を超える場合の 3 番目の値)

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

チェックボックスのラベルをチェックボックスとインラインにする方法について何か提案はありますか?

4

1 に答える 1

2

試しました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>
于 2012-05-15T07:22:58.873 に答える