Сделать ширину таблицы 100% с оставшимся заполнением последнего столбца без сжатия содержимого / ширины других столбцов.

Можно ли создать таблицу (в которой будет динамически создаваемый текст) чтобы иметь, например:

ширина таблицы 100% экрана 5 столбцов последний столбец пуст () первые четыре столбца содержат текст, а их ширина является динамической { {1}} последний столбец - это остаток ширины без сжатия текста в первых четырех столбцах

Пока у меня это есть, и он сжимает текст, чего я пытаюсь избежать:

<table style="width:100%;" border="1">
<tr>
    <td>One Two Three</td>
    <td>Two Three Four</td>
    <td>Three Four Five</td>
    <td>Four Five Six</td>
    <td style="width:100%;">&nbsp;</td>
</tr>
</table>

Я не могу использовать "white-space: nowrap", так как хочу, чтобы текст переносился, если текста достаточно.

Изменить: «Я бы просто хотел, чтобы [первые четыре] столбца имели ширину, которой они были бы, если бы я удалил атрибут ширины из тега таблицы. Но все же таблица должна составлять 100% ширины страницы. "

Есть идеи? Решения CSS предпочтительнее!

22
задан Brian Tompsett - 汤莱恩 18 January 2019 в 09:48
поделиться