CSS: Ячейки таблицы усекаются, но подходят как насколько возможно

Знакомьтесь, Фред. Он стол:

<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>

Это работает, но у Фреда есть ноющее чувство, что если бы его правая ячейка (которую он по прозвищу Целлдито) освободила немного места, его левая ячейка не была бы обрезана так же часто. Сможете ли вы спасти его рассудок?

Вкратце: как ячейки таблицы могут переполняться равномерно и только тогда, когда все они потеряли все свои пробелы?