Javascript 溢出不适用于td内的div

所以我试图让溢出属性为td中的div工作。但是，我正在根据百分比设置td的宽度。因此，我不能用固定数量的像素设置div的宽度（在td内部），因为我事先不知道它

<table id="table">
<thead>
    <tr> 
        <th>column 1</th>
        <th>column 2</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td><div class="cell">Aaaaaaaaaaaaaabbbbbbbbba</div></td>
        <td><div class="cell">bbbbbbbbbbbbbaaaaaaaaaaabb</div></td>
    </tr>
 </tbody>
</table>​


#table {
     width:100px !important;
}

th {
   width:16% !important;
   border: 1px solid black;
}

.cell{
    width:100%;
     overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
   }

第1栏
第2栏
aaaaaaaaaabbbbba
bbbbbbbbbbbbaaaaaaaabb
​
#桌子{
宽度：100px！重要；
}
th{
宽度：16%！重要；
边框：1px纯黑；
}
.细胞{
宽度：100%；
溢出：隐藏；
文本溢出：省略号；
-o-text-overflow：省略号；
-webkit文本溢出：省略号；
空白：nowrap；
}

​

有什么想法吗

---

非常感谢

无所谓。。。我使用的表格布局：固定；成功了

您可能希望尝试添加以下css规则：

#table{
    table-layout:fixed;
    overflow:hidden; 
    white-space: nowrap; 
}

请多登记