Сделать "жадную" настольную ячейку?

Question

У меня есть строка в таблице, в которой есть 3 ячейки со значениями A, B и C, а таблица - это полная ширина экрана, которой более чем достаточно для всех 3. Прямо сейчас, когда они дисплей, все клетки занимают 1/3 комнаты, но это не то, что я хочу. Я хочу, чтобы 2-я и 3-я ячейки были их «правильного» размера, а первая - для определения разницы. Я не могу просто установить ширину на них, потому что они имеют динамический размер. Как я могу это сделать?

Answer 1

Код A и C в пикселях и дают B ширину 100%

Answer 2

Просто установите ширину таблицы на 100%, ширину A на 100%, а B и C на auto. Проверено и работает

<table border="1px" width="100%">
    <tr>
        <td width="100%">A</td>
        <td width="auto">BB</td>
        <td width="auto">CCC</td>
    </tr>
</table>

Answer 3

Ответ Руны с комментарием Пистоса приблизил меня.Последний шаг состоял в том, чтобы добавить style = "white-space: nowrap" в не жадные столбцы, получив:

<table border="1px" width="100%">
    <tr>
        <td width="100%">A wide column</td>
        <td style="white-space:nowrap">Compact column 1</td>
        <td style="white-space:nowrap">Another compact column</td>
    </tr>
</table>

Работает для меня в Firefox 25.

Answer 4

Я попробовал методы Диодея и Руны, но это не сработало для моего примера. Я закончил слияние ячеек B и C, потому что ничего не мог найти. Спасибо за вашу помощь.

Answer 5

Попробуй,

<table border="1px" width="100%">
    <tr>
        <td width="100%" height="100" style="background:#ff0000; display:block">A</td>
        <td width="100%" height="100" style="background:#00ff00; display:block">BB</td>
        <td width="100%" height="100" style="background:#ff00ff; display:block">CCC</td>
    </tr>
</table>