在HTML表格單元格溢出

Question

我有一個問題，我正在嘗試解決關於表格單元格顯示及其內容使其父寬度增長，儘管表格單元固定寬度和溢出定義。

的jsfiddle：http://jsfiddle.net/8cevryh9/

<table border="3"> 
    <tr> 
     <td style="width: 20px">1</td> 
     <td style="width: 80px; overflow:hidden;"> 
      <div style="width:200px"> 
       FAT CONTENT 
      </div> 
     </td> 
     <td style="width: 30px">3</td> 
    </tr> 
</table> 

這裏第二小區是爲200px寬，我將它留80px和內容溢出隱患。任何人的想法？

Answer 1

設置在桌子上的寬度，以及該表格的佈局固定：

table { 
 
    table-layout: fixed; 
 
    width: 130px; 
 
}

<table border="3"> 
 
    <tr> 
 
    <td style="width: 20px">1</td> 
 
    <td style="width: 80px; overflow:hidden;"> 
 
     <div style="width:200px"> 
 
     FAT CONTENT 
 
     </div> 
 
    </td> 
 
    <td style="width: 30px">3</td> 
 
    </tr> 
 
</table>