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