当td文本太长时，Html css表宽度正在增长

Question

很抱歉可能有很多代码，但为什么我将我的表设置为固定大小，但是当我的内容太长时它不适合它的td宽度，但它将表大小从810px增加到很多更长... 。 有什么问题？怎么了？

<table cellpadding="0" cellspasing="0" class="sortable zebra tablesorter tablesorter-default" id="articles-table">
...

http://jsfiddle.net/FN5Sn/

现在看起来像现在（并且是如此）：

以下是我更改某些列内容时的样子（因此表格不是810px并且在可见区域上增加）

但我必须设置，该表是固定大小的，例如，如果表格很长，第3列的大小会变小......如何做到这一点？

注意：   第二列必须是nowrap ....所有其他列可以是自动宽度

Answer 1

您需要从有问题的TD中删除它：

white-space:nowrap;

以下是如何使用鼠标悬停效果显示不适合TD的隐藏文字：

HTML：

<table width="100" border="1">
   <tr>
       <td>
           <div class="long">123 456 790-1122-4455</div>
       </td>
            <td>
           Other Data
       </td>
    </tr>
</table>

CSS：

td {
  white-space:nowrap; 
  min-height:25px;
  position:relative;
  width:90px  
}

.long {
    overflow-x:hidden;
    width:90px;
}   

.long:hover {
   position:absolute;
   z-index:10; 
   top:0;
   left:0;
   width:200px;
   background-color:#c0c0c0;
   border:1px solid #000000; 
   overflow-x:visible 
}