所以我试图让溢出属性为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;
}
有什么想法吗?!
非常感谢!
答案 0 :(得分:5)
您可能想尝试添加以下css规则:
#table{
table-layout:fixed;
overflow:hidden;
white-space: nowrap;
}
请在this post中查看更多内容。
答案 1 :(得分:0)
没关系......我用过table-layout:fixed;它有效!