3

所以我试图让溢出属性为 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;
   }

​</p>

http://jsfiddle.net/2Sync/

有任何想法吗？！

非常感谢！

4

2 回答 2

6

您可能想尝试添加以下 CSS 规则：

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

请在这篇文章中查看更多信息。

于 2012-10-26T01:39:46.137 回答
0

没关系...我使用了 table-layout:fixed; 它奏效了！

于 2012-10-26T01:37:20.927 回答