1

「td」内に固定幅160pxのチェックボックスリストがあります。チェックボックスリストは、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 テキストが 1 行で表示されます。しかし、IE7 では、テキストの一部が次の行に割り込んでいます。私は試した

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

「td」およびチェックボックスリストでも。何も機能していません。助けてください。

編集:

<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