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>

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

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