Знакомьтесь, Фред. Он стол
<table border="1" style="width: 100%;">
<tr>
<td>This cells has more content</td>
<td>Less content here</td>
</tr>
</table>
В квартире Фреда есть странная привычка менять размер, поэтому он научился скрывать часть своего содержания, чтобы не отталкивать все остальные отряды и не забывать о гостиной миссис Уитфорд:
<table border="1" style="width: 100%; white-space: nowrap; table-layout: fixed;">
<tr>
<td style="overflow: hidden; text-overflow: ellipsis">This cells has more content</td>
<td style="overflow: hidden; text-overflow: ellipsis">Less content here</td>
</tr>
</table>
Это работает, но у Фреда есть ноющее чувство, что если бы его правая клетка (которую он по прозвищу Celldito) оставил бы немного места, его левая клетка не была бы урезана столько же времени. Вы можете сохранить его здравомыслие?
В итоге: как ячейки таблицы могут переполняться равномерно и только тогда, когда все они оставили все свои пустые места?