поэтому я пытаюсь, чтобы свойство переполнения работало для div внутри td. Однако я устанавливаю ширину 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;
}
Любые идеи?!
Большое спасибо!