表中的Checkboxlist td將文本分成IE7中的下一行

我有一個固定寬度爲160px的'td'內的checkboxlist。該CheckBoxList的正顯示出精細和FF，鉻，IE8和IE9表中的Checkboxlist td將文本分成IE7中的下一行

<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>

來源

2013-04-17 user1882705

你可以提供輸出html而不是asp – Pete

編輯我的問題 – user1882705

嘗試`白色空間：NOWRAP;`在CSS

應該解決這個問題:)

IE7的包裝您的文字在p標籤，然後添加'white-space：nowrap;`給p標籤

來源

2013-04-17 14:36:58 dragonloverlord

現在它變得奇怪了， s空白區域：nowrap在td上，當我加載頁面時問題仍然存在，但是當我打開開發人員工具並取消選中寬度時，文本位於一行，但寬度超過了我的需要，所以當我檢查與樣式回來它正在解決問題。但是，如果我重新加載頁面修復程序不見了。 – user1882705

你使用的是樣式表還是你把CSS正確的HTML？ – dragonloverlord

我實際上是爲每個td設置內聯寬度，但是從樣式表中設置了white-space：nowrap樣式，因爲我爲每個td分配了一個類。 – user1882705

表中的Checkboxlist td將文本分成IE7中的下一行

回答

相關問題