1

我在固定宽度为 160 像素的“td”中有一个复选框列表。复选框列表显示正常，并在 FF、chrome、IE8 和 IE9 中自动使用

    <table border="1" cellspacing="0" cellpadding="0">
          <tr>

            <td style="width:160px;"> 
              <label class="tdLabel">my chekcbox:</label><br />
              <asp:CheckBoxList id="chk1" AutoPostBack="True" EnableViewState="true" CellPadding="5" CellSpacing="5"
                                RepeatColumns="1" RepeatDirection="Horizontal" RepeatLayout="Flow" runat="server" OnSelectedIndexChanged="chk1_SelectedIndexChanged">
              </asp:CheckBoxList>
           </td>
</tr>
</table>

在 FF 中，每个项目的复选框旁边的文本都显示在一行中。但在 IE7 中，一些文本进入下一行。我试过了

float:left
text-align:left
clear:both
display:inline

在 'td' 和 checkboxlist 上。没有任何工作。请帮忙。

编辑：

<td style="width:160px;white-space: nowrap;"> 
          <label class="tdLabel">my chekcbox:</label><br />
          <span id="xxxx"><input id="ctl00_ctl00_ContentPlaceHolder4_ContentPlaceHolder2_chk1_0" type="checkbox"  /><label >Paln text1 goes here</label><br /><input id="ctl00_ctl00_ContentPlaceHolder4_ContentPlaceHolder2_chk1_1" type="checkbox"  /><label >Paln text2 goes here</label>
4

1 回答 1

1

在 css 中尝试`white-space: nowrap;`

那应该可以解决问题:)

对于 ie7，将您的文本包装在 p 标签中，然后将 `white-space: nowrap;` 添加到 p 标签

于 2013-04-17T14:36:58.647 回答