將表格放入可滾動的DIV時，表格單元格是否有空行？

我有問題。我創建了一個表，並把它放在這樣一個DIV：將表格放入可滾動的DIV時，表格單元格是否有空行？

<div class="divScroll"> 
<table class="k-tbTemplate"> 
    <thead> 
     <tr> 
      <th>Header </th> 
      <th>Header 3</th> 
      <th>Header 3</th> 
      <th>Header 3</th> 
      <th>Header 3</th> 
     </tr> 
    </thead> 

    <tbody> 
     <tr> 
      <td > 
       <a href="#null" style="float:left; ">asfasfa</a> 
       <a href="#null" onclick="AddSA(this);" style="float:right; "> 
        <img src="add.PNG" alt="Add Shop"/></a> 
      </td> 

      <td> 
       <div style="float:left;">aaa</div> 
       <div style="float:right;display:inline;"> 
        <a href="#null"> 
         <img alt="Add Shop" src="/add.PNG"/></a> 
        <a href="#null"> 
         <img alt="Remove Shop" src="/rem.PNG"/></a> 
       </div> 
      </td> 
      <td>Header 3</td> 
      <td>Header 3</td> 
      <td>Header 3</td> 

     </tr> 
    </tbody> 
</table> 
</div>

雖然<td>設置white-space:nowrap，它仍然斷線。如果我不把表格放在可滾動的div中，它的效果很好。

Full html code and css style is here.

人幫助我在這個問題上。謝謝。

來源

2012-05-28 StevenChow

您正在使用哪種瀏覽器？在Chrome中我似乎沒有爲我打破局面 –

我剛剛更新了演示鏈接，我在Firefox 9和IE 8中運行。 – StevenChow

您是浮動元素，'white-space'不適用於塊級元素。嘗試使用'display：inline'或'inline-block'而不是浮點數，或者在TD /表上設置最小寬度。 –

滾動不是原因。它是包含該表格的div元素上固定寬度（300px）的設置。細胞被擠壓，並且浮動的效果導致你可能認爲是斷線。如果你想要一行中的單元格的內容，只需將它放在一行中，而不使用導致換行符的元素，如div。

來源

2012-05-28 05:05:47

將表格放入可滾動的DIV時，表格單元格是否有空行？

回答

相關問題