Как сделать CSS мою таблицу такой, чтобы самый правый столбец застрял справа, с переменной шириной

Question

У меня есть таблица шириной 100%, в которой я хочу, чтобы самый правый столбец (D) занимал только минимальную требуемую ширину, но все еще застрял справа, а остальные столбцы (B, C) заполняли остальную часть пространство. (A - фиксированная ширина).

Как я могу сделать это с помощью CSS?

Answer 1

Используйте этот код:

table td:first-child { width: 50px; }
table td:last-child { width: 1px; white-space: nowrap; }

При этом используется стандартное поведение ячеек, составляющее по крайней мере такой же ширины, как и содержимое без возможности оборачивания .